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

document.all与WEB标准

May 13 Javascript

jquery的Tooltip插件 qtip使用详细说明

Sep 08 Javascript

extjs 04_grid 单击事件新发现

Nov 27 Javascript

JavaScript阻止回车提交表单的方法

Dec 30 Javascript

js 判断一组日期是否是连续的简单实例

Jul 11 Javascript

浅谈js函数中的实例对象、类对象、局部变量(局部函数)

Nov 20 Javascript

Bootstrap轮播图的使用和理解4

Dec 14 Javascript

vue2.0嵌套路由实现豆瓣电影分页功能(附demo)

Mar 13 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)

Jan 24 Javascript

layui checkbox默认选中,获取选中值,清空所有选中项的例子

Sep 02 Javascript

vue实现将一个数组内的相同数据进行合并

Nov 07 Javascript

js实现石头剪刀布游戏

Oct 11 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

Syphon 秘笈

2021/03/03 冲泡冲煮

一个简单的域名注册情况查询程序

2006/10/09 PHP

php获取网卡的MAC地址支持WIN/LINUX系统

2014/04/30 PHP

thinkPHP js文件中U方法不被解析问题的解决方法

2016/12/05 PHP

PHP实现基于栈的后缀表达式求值功能

2017/11/10 PHP

Linux基于php-fpm模式的lamp搭建phpmyadmin的方法

2018/10/25 PHP

Laravel 6 将新增为指定队列任务设置中间件的功能

2019/08/06 PHP

laravel 去掉index.php伪静态的操作方法

2019/10/12 PHP

Laravel框架集合用法实例浅析

2020/05/14 PHP

phpStudy vscode 搭建debug调试的教程详解

2020/07/28 PHP

JavaScript脚本性能的优化方法

2007/02/02 Javascript

Extjs入门之动态加载树代码

2010/04/09 Javascript

javascript开发技术大全－第1章javascript概述

2011/07/03 Javascript

jQuery EasyUI API 中文文档 - ProgressBar 进度条

2011/09/29 Javascript

ECMAScript中函数function类型

2015/06/03 Javascript

JQuery解析XML的方法小结

2016/04/02 Javascript

jQuery配合coin-slider插件制作幻灯片效果的流程解析

2016/05/13 Javascript

Javascript动画效果（2）

2016/10/11 Javascript

浅谈angular.copy() 深拷贝

2017/09/14 Javascript

javaScript实现鼠标在文字上悬浮时弹出悬浮层效果

2020/04/12 Javascript

vue组件中的数据传递方法

2018/05/14 Javascript

bootstrap-table实现表头固定以及列固定的方法示例

2019/03/07 Javascript

vue element-ui el-date-picker限制选择时间为当天之前的代码

2019/11/07 Javascript

解决Antd Table组件表头不对齐的问题

2020/10/27 Javascript

Python文件右键找不到IDLE打开项解决办法

2015/06/08 Python

Python设计模式编程中解释器模式的简单程序示例分享

2016/03/02 Python

pycharm 安装JPype的教程

2019/08/08 Python

Python无损压缩图片的示例代码

2020/08/06 Python

HTML5 embed标签定义和用法详解

2014/05/09 HTML / CSS

Myprotein芬兰官网：欧洲第一运动营养品牌

2019/05/05 全球购物

我有一个梦想演讲稿

2014/05/05 职场文书

爱心捐款倡议书范文

2014/05/12 职场文书

赢在中国观后感

2015/06/02 职场文书

2015年法律事务部工作总结

2015/07/27 职场文书

宪法宣传标语100条

2019/10/15 职场文书