编程 Javascript

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   
            });   
        }   
    });   
});

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JAVASCRIPT下判断IE与FF的比较简单的方式

Oct 17 Javascript

javascript 动态修改样式和层叠样式表代码

Apr 27 Javascript

来自国外的30个基于jquery的Web下拉菜单

Jun 22 Javascript

js实现点击左右按钮轮播图片效果实例

Jan 29 Javascript

JavaScript合并两个数组并去除重复项的方法

Jun 13 Javascript

原生js实现放大镜

Feb 20 Javascript

jQuery幻灯片插件owlcarousel参数说明中文文档

Feb 27 jQuery

基于vue-ssr的静态网站生成器VuePress 初体验

Apr 17 Javascript

React全家桶环境搭建过程详解

May 18 Javascript

angular-tree-component的使用详解

Jul 30 Javascript

微信小程序wx.navigateTo方法里的events参数使用详情及场景

Jan 07 Javascript

vue项目中js-cookie的使用存储token操作

Nov 13 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 preg_filter执行一个正则表达式搜索和替换

2012/02/27 PHP

PHP用身份证号获取星座和生肖的方法

2013/11/07 PHP

THINKPHP内容分页代码分享

2015/01/14 PHP

php实现四舍五入的方法小结

2015/03/03 PHP

PHP使用FFmpeg获取视频播放总时长与码率等信息

2016/09/13 PHP

php实现通过soap调用.Net的WebService asmx文件

2017/02/27 PHP

JavaScript this 深入理解

2009/07/30 Javascript

jQuery 获取对象定位子对象

2010/05/31 Javascript

javascript 日期时间转换的方法

2013/02/21 Javascript

纯JS实现旋转图片3D展示效果

2015/04/12 Javascript

JS中setTimeout的巧妙用法前端函数节流

2016/03/24 Javascript

Bootstrap富文本组件wysiwyg数据保存到mysql的方法

2016/05/09 Javascript

浅析JS获取url中的参数实例代码

2016/06/14 Javascript

jQuery实现简单倒计时功能的方法

2016/07/04 Javascript

Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)

2017/01/20 Javascript

JS脚本加载后执行相应回调函数的操作方法

2018/02/28 Javascript

Vue通过ref父子组件拿值方法

2018/09/12 Javascript

详解React 服务端渲染方案完美的解决方案

2018/12/14 Javascript

jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】

2018/12/29 jQuery

vue 详情跳转至列表页实现列表页缓存

2019/03/27 Javascript

深入了解Hybrid App技术的相关知识

2019/07/17 Javascript

详解JS函数防抖

2020/06/05 Javascript

[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python反转序列的方法实例分析

2018/03/21 Python

Python 中的Selenium异常处理实例代码

2018/05/03 Python

一篇文章搞定Python操作文件与目录

2019/08/13 Python

python使用隐式循环快速求和的实现示例

2020/09/11 Python

纯CSS3实现的阴影效果

2014/12/24 HTML / CSS

用Python匹配HTML tag的时候，<.*>和<.*?>有什么区别

2012/11/04 面试题

机关门卫制度

2014/02/01 职场文书

《玩具柜台前的孩子》教学反思

2014/02/13 职场文书

房产转让协议书

2014/04/11 职场文书

2016清明节森林防火广播稿

2015/12/17 职场文书

话题作文之呼唤

2019/12/18 职场文书

MySQL约束超详解

2021/09/04 MySQL

Oracle数据库事务的开启与结束详解

2022/06/25 Oracle