网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2026/4/13 浏览:3 次 )
复制代码 代码如下:
$(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  
            });  
        }  
    });  

});
上一篇:js给dropdownlist添加选项的小例子
下一篇:利用js实现选项卡的特别效果的实例