jQuery CSS 浏览器滚动到顶部固定左侧栏

 

 

 

<script>
    $(document).ready(function() {
    var div = $('#leftNav_2024925'); // 替换为你的 div 的 ID
    var divTop = div.offset().top; // 获取 div 顶部的位置

    $(window).scroll(function() {
        var scrollTop = $(this).scrollTop(); // 获取当前滚动条的位置
        if (scrollTop >= divTop) {
            div.css({'position':'fixed','top':'0','z-index':'99'}); // 当滚动到 div 顶部时,设置 div 为固定定位
            $('#leftNav_2024925_hidden').show()
        } else {
            div.css('position', ''); // 当滚动不到 div 顶部时,恢复 div 的定位
            $('#leftNav_2024925_hidden').hide()
        }
    });
});

 

posted @ 2024-09-05 14:58  漫漫长路</>  阅读(14)  评论(0编辑  收藏  举报