看这篇文章之前,建议大家先看
jQuery---10行代码搞定跟随屏幕滚动的层.
http://www.cssrain.cn/article.asp?id=1177
这个7行代码的,意思也差不多,只不过少了3行代码,嘿嘿。
先看演示:
http://www.cssrain.cn/demo/floatDIV.html
具体代码:
先绝对定位 div 层,
然后脚本控制层的位置:
$(document).ready(function(){
var menuYloc = $("#test").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc + $(window).scrollTop() +"px";
$("#test").animate({top : offsetTop },{ duration:600 , queue:false });
});
});
分享到:
相关推荐
用jquery实现整屏滚动,源码,图片等一应俱全,解压后能直接运行出效果。
jQuery ui页面全屏滚动fullPage.js插件页面滚动 jQuery ui页面全屏滚动fullPage.js插件页面滚动
用jQuery实现的上下滚动公告栏。主要用jQuery中的animate()方法和setInterval()实现的,代码简单使用。
用jQuery实现列表项滚动的效果
jQuery实现列表自动滚动循环滚动展示新闻,鼠标悬停时停止滚动并提示,离开后,继续滚动,实现的代码如下,需要的朋友可以看看
jQuery单页全屏滚动插件,支持多种样式,总有一款适合你
jQuery全屏页面滚动效果页面上下滚动效果代码jq插件
jQuery导航图片全屏滚动代码是一款jQuery基于fullPage插件制作响应式的导航下拉菜单和全屏的banner图片轮播代码。
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
jquery scroll图片全屏滚动是一款jquery scroll鼠标控制页面全屏图片滚动代码。
jquery鼠标滚动全屏页面滚动切换效果 jquery鼠标滚动全屏页面滚动切换效果
JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...
jQuery实现新闻列表滚动特效代码
jQuery全屏滚动插件
jQuery实现图片左右滚动 jQuery实现图片左右滚动 jQuery实现图片左右滚动
jquery实现图片左右连续滚动
jquery实现全屏滚动效果 本文实例为大家分享了jquery实现全屏滚动的具体代码,供大家参考,具体内容如下 1.要全屏,给父级、body、html、高度设置为100%,自己的宽度也100%,还要给html、body设置溢出隐藏 html,...
或者项目简介,此款jQuery插件滚动还是比较流畅,有些插件需要页面滚动到位才能切换页面, 此特效还是比较流畅的。插件强大的自定义参数功能,支持手机端触屏以及支持切换的速度, 值得学习使用。
Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document)....