特定の要素を過ぎたら表示されるボタン 特定の要素までスクロールしたら、ページ下部に固定されたボタンが表示される実装方法をまとめました。 スマホでもパソコンでも使えるように、画面トップからの距離ではなく、表示させたい要素に到達した時に表示されるようにしました。 初めからページ下部に、ボタンやバナーがあるのは邪魔なので、一定の要素まできたら表示させたい時などに便利です。 デモページはこちら DEMO HTML class=”btn-show”のコンテンツに到達したら、固定ボタンが表示されます。 class=”btn-show”のコンテンツよりスクロールが上にきたら非表示になります。 <div class="wrapper"> <div class="contents"> <div class="box"> <p>コンテンツ</p> </div> <div class="box"> <p>コンテ