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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
JavaScript网页定位详解
Jan 13 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
浅谈JS之iframe中的窗口
Sep 13 Javascript
angular实现IM聊天图片发送实例
May 08 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
Vuejs实现购物车功能
Nov 05 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
js实现头像上传并且可预览提交
Dec 25 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
实用函数7
2007/11/08 PHP
php 日期时间处理函数小结
2009/12/18 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
加速IE的Javascript document输出的方法
2010/12/02 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
基于python的Paxos算法实现
2019/07/03 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
Anaconda3中的Jupyter notebook添加目录插件的实现
2020/05/18 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
Python修改DBF文件指定列
2020/12/19 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
体育老师的教学自我评价分享
2013/11/19 职场文书
质检部职责
2013/12/28 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
食品安全处置方案
2014/06/14 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
红高粱观后感
2015/06/10 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js