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


Posted in Javascript onMarch 04, 2013
$(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   
            });   
        }   
    });   
});
Javascript 相关文章推荐
prototype class详解
Sep 07 Javascript
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
javascript定义函数的方法
Dec 06 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 #Javascript
DWZ刷新dialog解决方法
Mar 03 #Javascript
js 控制下拉菜单刷新的方法
Mar 03 #Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 #Javascript
javascript重复绑定事件造成的后果说明
Mar 02 #Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 #Javascript
IE6下opacity与JQuery的奇妙结合
Mar 01 #Javascript
You might like
php 防止表单重复提交两种实现方法
2016/11/03 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
PHP实现的折半查询算法示例
2017/10/09 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
javascript与css3动画结合使用小结
2015/03/11 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
js中less常用的方法小结
2017/08/09 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
详解Vue源码学习之双向绑定
2019/04/10 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
python中字符串内置函数的用法总结
2018/09/13 Python
Python多线程原理与用法实例剖析
2019/01/22 Python
Django实现单用户登录的方法示例
2019/03/28 Python
python中PS 图像调整算法原理之亮度调整
2019/06/28 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
Python的两道面试题
2013/06/29 面试题
情侣吵架检讨书
2014/02/05 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
2014年话务员工作总结
2014/11/19 职场文书
SQLServer中exists和except用法介绍
2021/12/04 SQL Server
uniapp 微信小程序 自定义tabBar 导航
2022/04/22 Javascript