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   
            });   
        }   
    });   
});
Javascript 相关文章推荐
js实现DIV的一些简单控制
Jun 04 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
Javascript动画效果(2)
Oct 11 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
js 概率计算(简单版)
Sep 12 Javascript
微信小程序实现添加手机联系人功能示例
Nov 30 Javascript
JS重学系列之聊聊new操作符
Mar 04 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
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
详解如何让Express支持async/await
2017/10/09 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
JQuery实现折叠式菜单的详细代码
2020/06/03 jQuery
[03:39]DOTA2英雄梦之声_第05期_幽鬼
2014/06/23 DOTA
Python生成随机MAC地址
2015/03/10 Python
python返回昨天日期的方法
2015/05/13 Python
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
Python操作Excel之xlsx文件
2017/03/24 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
vscode调试django项目的方法
2020/08/06 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
信访稳定工作汇报
2014/10/27 职场文书
拾金不昧感谢信
2015/01/21 职场文书
民主评议党员个人总结
2015/02/13 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
校长新学期致辞
2015/07/30 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
Mysql数据库命令大全
2021/05/26 MySQL
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
win sever 2022如何占用操作主机角色
2022/06/25 Servers