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

formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)

Jan 20 Javascript

JavaScript中的继承方式详解

Feb 11 Javascript

深入理解$.each和$(selector).each

May 15 Javascript

利用Javascript仿Excel的数据透视分析功能

Sep 07 Javascript

微信小程序在线支付功能的实现

Mar 14 Javascript

jQuery中的deferred对象和extend方法详解

May 08 jQuery

JS图片轮播与索引变色功能实例详解

Jul 06 Javascript

让webpack+vue-cil项目不再自动打开浏览器的方法

Sep 27 Javascript

js中Array对象的常用遍历方法详解

Jan 17 Javascript

小程序getLocation需要在app.json中声明permission字段

Apr 04 Javascript

使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

Jun 10 Javascript

Json实现传值到后台代码实例

Jun 30 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

php5中类的学习

2008/03/28 PHP

PHP中如何实现常用邮箱的基本判断

2014/01/07 PHP

PHP中多维数组的foreach遍历示例

2014/06/13 PHP

Yii2增加验证码步骤详解

2016/04/25 PHP

php实用代码片段整理

2016/11/12 PHP

PHP 用session与gd库实现简单验证码生成与验证的类方法

2016/11/15 PHP

php ajax confirm 删除实例详解

2019/03/06 PHP

学习YUI.Ext 第三天

2007/03/10 Javascript

两行代码轻松搞定JavaScript日期验证

2016/08/03 Javascript

.net MVC+Bootstrap下使用localResizeIMG上传图片

2017/04/21 Javascript

angular4 如何在全局设置路由跳转动画的方法

2017/08/30 Javascript

JS实现图片放大镜插件详解

2017/11/06 Javascript

Vue 2.0学习笔记之使用$refs访问Vue中的DOM

2017/12/19 Javascript

Vue不能检测到Object/Array更新的情况的解决

2018/06/26 Javascript

vue-cli3 karma单元测试的实现

2019/01/18 Javascript

小程序自定义单页面、全局导航栏的实现代码

2019/03/15 Javascript

python任务调度实例分析

2015/05/19 Python

python利用datetime模块计算时间差

2015/08/04 Python

Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地

2018/02/23 Python

PyQt5每天必学之拖放事件

2020/08/27 Python

Django中自定义模型管理器(Manager)及方法

2019/09/23 Python

Pytorch之Variable的用法

2019/12/31 Python

PyTorch实现AlexNet示例

2020/01/14 Python

python在不同条件下的输入与输出

2020/02/13 Python

基于python实现数组格式参数加密计算

2020/04/21 Python

python使用bs4爬取boss直聘静态页面

2020/10/10 Python

Django解决frame拒绝问题的方法

2020/12/18 Python

HTML5在线预览PDF的示例代码

2017/09/14 HTML / CSS

移动HTML5前端框架—MUI的使用

2017/12/18 HTML / CSS

美国知名珠宝首饰品牌：Gemvara

2017/10/06 全球购物

如何开启linux的ssh服务

2013/06/03 面试题

计算机毕业大学生求职信

2014/06/26 职场文书

岗位竞聘报告范文

2014/11/06 职场文书

2015年班长个人工作总结

2015/04/03 职场文书

学习心得体会

2019/06/20 职场文书

python 实现mysql自动增删分区的方法

2021/04/01 Python