当前位置：首页 > 资讯 > 技术文档

jQuery侧边栏随窗口滚动实现方法

时间：2020-01-21 15:56 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery侧边栏随窗口滚动实现方法

$(function() {
    var $sidebar   = $("#sidebar"),  
        $window    = $(window),  
        offset     = $sidebar.offset(),  
        topPadding = 15;  

    $window.scroll(function() {  
        if ($window.scrollTop() > offset.top) {  
            $sidebar.stop().animate({  
                marginTop: $window.scrollTop() - offset.top + topPadding  
            });  
        } else {  
            $sidebar.stop().animate({  
                marginTop: 0  
            });  
        }  
    });  

});

全部评论(0)

上一篇：JavaScript加密解密7种方法总结分析
下一篇：简单的jquery左侧导航栏和页面选中效果

资讯排行榜
更多>>