Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery侧边栏随窗口滚动实现方法

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

发布时间:2013-11-14   编辑:www.jquerycn.cn
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  
            });  
        }  
    });  

});

您可能感兴趣的文章:
jQuery侧边栏随窗口滚动实现方法
jquery.blockUI.js上传滚动等待效果实现思路及代码
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
jquery滚动条插件jScrollPane的使用介绍
jquery简单实现滚动条下拉DIV固定在头部不动
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
jQuery创建平滑的页面滚动(顶部或底部)
jquery实现图片左右间隔滚动特效(可自动播放)
javascript弹出窗口代码大全

关键词: jQuery  窗口滚动   
[关闭]