编程 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 学习笔记一些小技巧

Mar 28 Javascript

IE8的JavaScript点击事件(onclick)不兼容的解决方法

Nov 22 Javascript

一看就懂：jsonp详解

Jun 01 Javascript

DOM事件探秘篇

Feb 15 Javascript

jquery实现弹窗功能（窗口居中显示）

Feb 27 Javascript

基于JS对象创建常用方式及原理分析

Jun 28 Javascript

浅谈es6中export和export default的作用及区别

Feb 07 Javascript

angularJs中$http获取后台数据的实例讲解

Aug 08 Javascript

vue + element-ui的分页问题实现

Dec 17 Javascript

javascript实现留言板功能

Feb 08 Javascript

JS内置对象和Math对象知识点详解

Apr 03 Javascript

antd的select下拉框因为数据量太大造成卡顿的解决方式

Oct 31 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模板的朋友必看的很多个顶级PHP模板引擎比较分析

2008/05/26 PHP

PHP 缓存实现代码及详细注释

2010/05/16 PHP

Yii2-GridView 中让关联字段带搜索和排序功能示例

2017/01/21 PHP

基于laravel where的高级使用方法

2019/10/10 PHP

用函数式编程技术编写优美的 JavaScript

2006/11/25 Javascript

利用Ext Js生成动态树实例代码

2008/09/08 Javascript

js特效,页面下雪的小例子

2013/06/17 Javascript

jQuery实现图片信息的浮动显示实例代码

2013/08/28 Javascript

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

2014/03/27 Javascript

JavaScript基础知识之方法汇总结

2016/01/24 Javascript

AngularJS中使用HTML5手机摄像头拍照

2016/02/22 Javascript

AngularJS入门教程之路由与多视图详解

2016/08/19 Javascript

浅谈js继承的实现及公有、私有、静态方法的书写

2016/10/28 Javascript

JS中静态页面实现微信分享功能

2017/02/06 Javascript

jQuery通过改变input的type属性实现密码显示隐藏切换功能

2017/02/08 Javascript

详解Vue 动态添加模板的几种方法

2017/04/25 Javascript

详解VUE自定义组件中用.sync修饰符与v-model的区别

2018/06/26 Javascript

vue+springboot+element+vue-resource实现文件上传教程

2020/10/21 Javascript

python制作websocket服务器实例分享

2016/11/20 Python

在java中如何定义一个抽象属性示例详解

2017/08/18 Python

基于Python对象引用、可变性和垃圾回收详解

2017/08/21 Python

python实现flappy bird小游戏

2018/12/24 Python

Python中面向对象你应该知道的一下知识

2019/07/10 Python

Java爬虫技术框架之Heritrix框架详解

2020/07/22 Python

html5调用摄像头功能的实现代码

2018/05/07 HTML / CSS

香港演唱会订票网站：StubHub香港

2019/10/10 全球购物

理工大学毕业生自荐信范文

2014/02/22 职场文书

社区道德讲堂实施方案

2014/03/21 职场文书

学校先进集体事迹材料

2014/05/31 职场文书

医疗纠纷调解协议书

2015/08/06 职场文书

企业文化学习心得体会

2016/01/21 职场文书

幼儿园中班教学反思

2016/03/03 职场文书

Python基于百度API识别并提取图片中文字

2021/06/27 Python

浅谈MySQL中的六种日志

2022/03/23 MySQL

JAVA长虹键法之建造者Builder模式实现

2022/04/10 Java/Android

Mysql 文件配置解析介绍

2022/05/06 MySQL