编程 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 插件开发方法小结

Oct 23 Javascript

js中匿名函数的创建与调用方法分析

Dec 19 Javascript

实例讲解jQuery中对事件的命名空间的运用

May 24 Javascript

js获取页面引用的css样式表中的属性值方法(推荐)

Aug 19 Javascript

ES6所改良的javascript“缺陷”问题

Aug 23 Javascript

js实现可输入可选择的select下拉框

Dec 21 Javascript

js Canvas绘制圆形时钟效果

Feb 17 Javascript

Vue中对比scoped css和css module的区别

May 17 Javascript

微信小程序实现topBar底部选择栏效果

Jul 20 Javascript

JavaScript格式化json和xml的方法示例

Jan 22 Javascript

es6 filter() 数组过滤方法总结

Apr 03 Javascript

Jquery让form表单异步提交代码实现

Nov 14 jQuery

利用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

Terran魔法科技

2020/03/14 星际争霸

php 调试利器debug_print_backtrace()

2012/07/23 PHP

PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例

2016/04/11 PHP

PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】

2017/09/15 PHP

详解php curl带有csrf-token验证模拟提交方法

2018/04/18 PHP

javascript实现二分查找法实现代码

2007/11/12 Javascript

JAVASCRIPT style 中visibility和display之间的区别

2010/01/22 Javascript

javascript 面向对象 function类

2010/05/13 Javascript

JavaScript中的View-Model使用介绍

2011/08/11 Javascript

JS对象转换为Jquery对象实现代码

2013/12/29 Javascript

setTimeout自动触发一个js的方法

2014/01/15 Javascript

jQuery中on()方法用法实例详解

2015/02/06 Javascript

如何改进javascript代码的性能

2015/04/02 Javascript

详解JavaScript对W3C DOM模版的支持情况

2015/06/16 Javascript

javascript检查浏览器是否已经启用XX功能

2015/07/10 Javascript

AngularJS中$watch和$timeout的使用示例

2016/09/20 Javascript

简单实现jQuery轮播效果

2017/08/18 jQuery

基于jQuery.i18n实现web前端的国际化

2018/05/04 jQuery

JavaScript创建防篡改对象的方法分析

2018/12/30 Javascript

如何写好一个vue组件,老夫的一年经验全在这了（推荐）

2019/05/18 Javascript

Pyramid Mako模板引入helper对象的步骤方法

2013/11/27 Python

Python读写Redis数据库操作示例

2014/03/18 Python

使用python在本地电脑上快速处理数据

2017/06/22 Python

Python 串口读写的实现方法

2019/06/12 Python

python数据预处理 :数据抽样解析

2020/02/24 Python

keras 自定义loss损失函数,sample在loss上的加权和metric详解

2020/05/23 Python

python 8种必备的gui库

2020/08/27 Python

Pytorch模型迁移和迁移学习,导入部分模型参数的操作

2021/03/03 Python

奢华时尚的独特视角：La Garçonne

2018/06/07 全球购物

北美领先的智能产品购物网站：Wellbots

2018/06/11 全球购物

100％植物性、有机、即食餐：Sakara Life

2018/10/25 全球购物

单位介绍信范文

2014/01/18 职场文书

市场营销求职信范文

2014/02/21 职场文书

大学运动会加油稿200字（5篇）

2014/09/27 职场文书

二年级语文上册复习计划

2015/01/19 职场文书

党员证明信

2015/06/19 职场文书