滚动到顶div块固定左侧不动

寒衣网社 / 2023-08-07 / 原文

<script type="text/javascript"> $(function () { //获取要定位元素距离浏览器顶部的距离 var navH = $(".t_left").offset().top; //滚动条事件 $(window).scroll(function () { //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定 if (scroH >= navH) { $(".t_left").css({"position": "fixed", "top": 0}); } else if (scroH < navH) { $(".t_left").css({"position": "absolute"}); } }); }); </script>

点击查看代码
<script type="text/javascript">
        $(function () {
            //获取要定位元素距离浏览器顶部的距离
            var navH = $(".t_left").offset().top;
            //滚动条事件
            $(window).scroll(function () {
                //获取滚动条的滑动距离
                var scroH = $(this).scrollTop();
                //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
                if (scroH >= navH) {
                    $(".t_left").css({"position": "fixed", "top": 0});
                } else if (scroH < navH) {
                    $(".t_left").css({"position": "absolute"});
                }
            });
        });
    </script>