翻页定位

翻页定位顶部

<style>
        * {
            margin: 0;
            padding: 0;
        }

    </style>

    <div style="height: 500px;"></div>
    <div class="demo" style="height:100px;background:#000;top:0;width:100%"></div>
    <div style="height:2000px">
    </div>

<script>
        let demo = document.querySelector('.demo')
        let offsetTop = demo.offsetTop

        window.onscroll = () => {
            let scrollTop = Math.floor(document.documentElement.scrollTop)

            if (scrollTop > offsetTop) {
                demo.style.position = 'fixed'
            } else {
                demo.style.position = 'static'
            }

        }
    </script>