编程 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 相关文章推荐

了解jQuery技巧来提高你的代码

Jan 08 Javascript

JavaScript中数组对象的那些自带方法介绍

Mar 12 Javascript

jquerydom对象的事件隐藏显示和对象数组示例

Dec 10 Javascript

JS实现超简洁网页title标题跑动闪烁提示效果代码

Oct 23 Javascript

JS Array.slice 截取数组的实现方法

Jan 02 Javascript

jQuery 调用WebService 实例讲解

Jun 28 Javascript

Angularjs---项目搭建图文教程

Jul 08 Javascript

JavaScript中利用for循环遍历数组

Jan 15 Javascript

vuejs实现标签选项卡动态更改css样式的方法

May 31 Javascript

对angular 实时更新模板视图的方法$apply详解

Oct 09 Javascript

JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

Jan 09 Javascript

国庆节到了,利用JS实现一个生成国庆风头像的小工具详解实现过程

Oct 05 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学习资料汇总与网址

2007/03/16 PHP

通过JavaScript或PHP检测Android设备的代码

2011/03/09 PHP

PHP中的session永不过期的解决思路及实现方法分享

2011/04/20 PHP

详解PHP版本兼容之openssl调用参数

2018/07/25 PHP

laravel5.6框架操作数据curd写法(查询构建器)实例分析

2020/01/26 PHP

在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript

2008/12/02 Javascript

编写兼容IE和FireFox的脚本

2009/05/18 Javascript

jQuery 打造动态下滑菜单实现说明

2010/04/15 Javascript

基于jquery的15款幻灯片插件

2011/04/10 Javascript

基于jquery的可多选的下拉列表框

2012/07/20 Javascript

Js日期选择自动填充到输入框(界面漂亮兼容火狐)

2013/08/02 Javascript

jQuery实现点击文本框弹出热门标签的提示效果

2013/11/17 Javascript

解析jquery中的ajax缓存问题

2013/12/19 Javascript

Javascript单元测试框架QUnitjs详细介绍

2014/05/08 Javascript

微信支付如何实现内置浏览器的H5页面支付

2015/09/25 Javascript

浅谈String.valueOf()方法的使用

2016/06/06 Javascript

VUE axios发送跨域请求需要注意的问题

2017/07/06 Javascript

解决Vue编译时写在style中的路径问题

2017/09/21 Javascript

JavaScript实现多重继承的方法分析

2018/01/09 Javascript

angular动态表单制作

2018/02/23 Javascript

Angular中使用better-scroll插件的方法

2018/03/27 Javascript

js实现上传按钮并显示缩略图小轮子

2020/05/04 Javascript

Python实现获取某天是某个月中的第几周

2015/02/11 Python

Python学习笔记整理3之输入输出、python eval函数

2015/12/14 Python

在PyTorch中Tensor的查找和筛选例子

2019/08/18 Python

Python爬虫实现“盗取”微信好友信息的方法分析

2019/09/16 Python

python-地图可视化组件folium的操作

2020/12/14 Python

Crocs美国官方网站：卡骆驰洞洞鞋

2017/08/04 全球购物

网上卖盒饭创业计划书范文

2014/02/07 职场文书

优秀辅导员事迹材料

2014/02/16 职场文书

2014年医生工作总结

2014/11/21 职场文书

运动会闭幕词

2015/01/28 职场文书

公司档案管理制度

2015/08/05 职场文书

2016学习依法治国心得体会

2016/01/15 职场文书

Win11怎么启动任务管理器？Win11启动任务管理器的几种方法

2021/11/23 数码科技

css布局巧妙技巧之css三角示例的运用

2022/03/16 HTML / CSS