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

Add a Picture to a Microsoft Word Document

Jun 15 Javascript

javascript中xml操作实现代码

Nov 21 Javascript

jQuery contains过滤器实现精确匹配使用方法

Apr 12 Javascript

JS JSON对象转为字符串的简单实现方法

Nov 18 Javascript

客户端js判断文件类型和文件大小即限制上传大小

Nov 20 Javascript

js实现的二级横向菜单条实例

Aug 22 Javascript

谈谈我对JavaScript原型和闭包系列理解(随手笔记6)

Dec 20 Javascript

基于JavaScript实现右键菜单和拖拽功能

Nov 28 Javascript

ES6新数据结构Set与WeakSet用法分析

Mar 31 Javascript

WebSocket的简单介绍及应用

May 23 Javascript

使用VueRouter的addRoutes方法实现动态添加用户的权限路由

Jun 03 Javascript

写一个Vue loading 插件

Nov 09 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

input file获得文件根目录简单实现

2013/04/26 PHP

php配合jquery实现增删操作具体实例

2013/12/12 PHP

ThinkPHP使用心得分享-上传类UploadFile的使用

2014/05/15 PHP

Codeigniter+PHPExcel实现导出数据到Excel文件

2014/06/12 PHP

phpcms实现验证码替换及phpcms实现全站搜索功能教程详解

2017/12/13 PHP

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

2013/06/17 Javascript

JS 打印界面的CSS居中代码适用所有浏览器

2014/03/19 Javascript

简单介绍JavaScript中字符串创建的基本方法

2015/07/07 Javascript

jQuery Validate初步体验(二)

2015/12/12 Javascript

学习JavaScript设计模式之观察者模式

2020/04/22 Javascript

JavaScript简单实现弹出拖拽窗口（一）

2016/06/17 Javascript

纯js实现图片匀速淡入淡出效果

2017/08/22 Javascript

JS和Canvas实现图片的预览压缩和上传功能

2018/03/30 Javascript

Vue自定义全局Toast和Loading的实例详解

2019/04/18 Javascript

JavaScript设计模式之策略模式实现原理详解

2020/05/29 Javascript

js绘制一条直线并旋转45度

2020/08/21 Javascript

vue开发chrome插件，实现获取界面数据和保存到数据库功能

2020/12/01 Vue.js

python将人民币转换大写的脚本代码

2013/02/10 Python

Django中实现一个高性能计数器(Counter)实例

2014/07/09 Python

Python设计模式之抽象工厂模式

2016/08/25 Python

Python基于plotly模块实现的画图操作示例

2019/01/23 Python

python日志logging模块使用方法分析

2019/05/23 Python

Python unittest单元测试框架及断言方法

2020/04/15 Python

Python 多线程共享变量的实现示例

2020/04/17 Python

浅谈sklearn中predict与predict_proba区别

2020/06/28 Python

送给他或她的礼物：FUN.com

2018/08/17 全球购物

Belstaff英国官方在线商店：Belstaff.co.uk

2021/02/09 全球购物

幼儿园小班植树节活动方案

2014/03/04 职场文书

终止劳动合同协议书

2014/04/14 职场文书

考博专家推荐信

2014/05/10 职场文书

2014教师教育实践活动对照检查材料思想汇报

2014/09/21 职场文书

2015元旦主持词开场白和结束语

2014/12/14 职场文书

给校长的建议书作文400字

2015/09/14 职场文书

Anaconda安装pytorch及配置PyCharm 2021环境

2021/06/04 Python

拒绝盗图!教你怎么用python给图片加水印

2021/06/04 Python

Windows Server 修改远程桌面端口的实现

2022/06/25 Servers