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

非常有用的40款jQuery 插件推荐（系列二）

Dec 25 Javascript

在jQuery ajax中按钮button和submit的区别分析

Oct 07 Javascript

可在线编辑网页文字效果代码(单击)

Mar 02 Javascript

分享Javascript中最常用的55个经典小技巧

Nov 29 Javascript

深入理解requestAnimationFrame的动画循环

Sep 20 Javascript

详解AngularJs中$sce与$sceDelegate上下文转义服务

Sep 21 Javascript

Node.js查找当前目录下文件夹实例代码

Mar 07 Javascript

基于 Vue 实现一个酷炫的 menu插件

Nov 14 Javascript

浅谈 Webpack 如何处理图片(开发、打包、优化)

May 15 Javascript

JS常用排序方法实例代码解析

Mar 03 Javascript

Vue + Scss 动态切换主题颜色实现换肤的示例代码

Apr 27 Javascript

vue监听dom大小改变案例

Jul 29 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中图片等比缩放的实例

2013/03/24 PHP

PHP获取网页所有连接的方法(附demo源码下载)

2016/03/30 PHP

javaScript 关闭浏览器 (不弹出提示框)

2010/01/31 Javascript

JS Excel读取和写入操作（模板操作）实现代码

2010/04/11 Javascript

有道JavaScript监听浏览器的问题

2010/06/23 Javascript

js隐式全局变量造成的bug示例代码

2014/04/22 Javascript

jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

2015/08/20 Javascript

JS实现仿微博可关闭弹出层效果

2015/09/21 Javascript

NodeJs的优势和适合开发的程序

2016/08/14 NodeJs

js前端面试题及答案整理（一）

2016/08/26 Javascript

Node.js下自定义错误类型详解

2016/10/17 Javascript

使用Angular缓存父页面数据的方法

2017/01/03 Javascript

JS调用Android、Ios原生控件

2017/01/06 Javascript

WdatePicker.js时间日期插件的使用方法

2017/07/26 Javascript

移动端触摸滑动插件swiper使用方法详解

2017/08/11 Javascript

详解解决Vue相同路由参数不同不会刷新的问题

2018/10/12 Javascript

在vue中使用防抖函数组件操作

2020/07/26 Javascript

在vue中实现嵌套页面(iframe)

2020/07/30 Javascript

python 中文字符串的处理实现代码

2009/10/25 Python

搭建Python的Django框架环境并建立和运行第一个App的教程

2016/07/02 Python

Python中音频处理库pydub的使用教程

2017/06/07 Python

Python装饰器用法示例小结

2018/02/11 Python

Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例

2018/06/09 Python

Python3.5 处理文本txt,删除不需要的行方法

2018/12/10 Python

python Popen 获取输出,等待运行完成示例

2019/12/30 Python

PyCharm设置注释字体颜色以及是否倾斜的操作

2020/09/16 Python

基于 HTML5 WebGL 实现的垃圾分类系统

2019/10/08 HTML / CSS

我们是伦敦女孩：WalG

2018/01/08 全球购物

英国电器零售商：PRC Direct

2018/06/21 全球购物

澳大利亚二手奢侈品网站：Modsie

2019/09/23 全球购物

周年庆促销方案

2014/03/15 职场文书

婚内分居协议书范文

2014/11/26 职场文书

学习保证书怎么写

2015/02/26 职场文书

Python实现Telnet自动连接检测密码的示例

2021/04/16 Python

Go语言应该什么情况使用指针

2021/07/25 Golang

Python可视化神器pyecharts绘制地理图表

2022/07/07 Python