编程 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.validate 常用方法及需要注意的问题

Mar 20 Javascript

js禁止页面使用右键(简单示例代码)

Nov 13 Javascript

node.js中的console.time方法使用说明

Dec 09 Javascript

node.js中的buffer.Buffer.isBuffer方法使用说明

Dec 14 Javascript

ECHO.js 纯javascript轻量级延迟加载的实例代码

May 24 Javascript

Centos7 中 Node.js安装简单方法

Nov 02 Javascript

Vue.js结合bootstrap实现分页控件

Mar 10 Javascript

bootstrap模态框示例代码分享

May 17 Javascript

ReactNative列表ListView的用法

Aug 02 Javascript

js实现会跳动的日历效果(完整实例)

Oct 18 Javascript

微信小程序tabbar底部导航

Nov 05 Javascript

JavaScript获取某一天所在的星期

Sep 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

Extended CHM PHP 语法手册之 DIY

2006/10/09 PHP

php抓取https的内容的代码

2010/04/06 PHP

关于js与php互相传值的介绍

2013/06/25 PHP

PHP中$_FILES的使用方法及注意事项说明

2014/02/14 PHP

PHP登录环节防止sql注入的方法浅析

2014/06/30 PHP

smarty模板引擎基础知识入门

2015/03/30 PHP

PHP中使用foreach()遍历二维数组的简单实例

2016/06/13 PHP

thinkphp 验证码的使用小结

2017/05/07 PHP

如何在centos8自定义目录安装php7.3

2019/11/28 PHP

[原创]图片分页查看

2006/08/28 Javascript

用jquery统计子菜单的条数示例代码

2013/10/18 Javascript

jQuery调用ajax请求的常见方法汇总

2015/03/24 Javascript

基于jQuey实现鼠标滑过变色(整行变色)

2015/12/07 Javascript

Javascript之String对象详解

2016/06/08 Javascript

js监听键盘事件的方法_原生和jquery的区别详解

2016/10/10 Javascript

javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

2018/08/01 Javascript

详解从NodeJS搭建中间层再谈前后端分离

2018/11/13 NodeJs

[02:51]2018年度DOTA2最佳中单位选手-完美盛典

2018/12/17 DOTA

Face++ API实现手势识别系统设计

2018/11/21 Python

python实现logistic分类算法代码

2020/02/28 Python

使用HTML5 Geolocation实现一个距离追踪器

2018/04/09 HTML / CSS

PHP面试题及答案一

2012/06/18 面试题

写一个函数返回1+2+3+…+n的值（假定结果不会超过长整型变量的范围）

2014/09/05 面试题

JSF的标签库有哪些

2012/04/27 面试题

个人委托书范本

2014/04/02 职场文书

大学学生会竞选演讲稿

2014/04/25 职场文书

对教师的评语

2014/04/28 职场文书

党建工作经验交流材料

2014/05/25 职场文书

小学生学习保证书

2015/02/26 职场文书

车间统计员岗位职责

2015/04/14 职场文书

撤诉状格式范本

2015/05/19 职场文书

2016高考寄语或鼓励的话语

2015/12/04 职场文书

2016年校园重阳节广播稿

2015/12/18 职场文书

python读取mnist数据集方法案例详解

2021/09/04 Python

详解Mysq MVCC多版本的并发控制

2022/04/29 MySQL

使用scrapy实现增量式爬取方式

2022/06/21 Python