欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 弹窗漂浮

jquery超出屏幕时固定层变为定位层的代码

所属栏目:弹窗漂浮更新时间:2013-08-02原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


很流行实用的一种JS效果,通常网页浏览时,随着滚动条的滚动,网页内容也会滚动隐藏看不见,如想让网页重点内容一直显示,即便滚动滚动条仍然显示可见,那就要用到类似这种JS效果了。

如不明白,可以看演示

</head>区引入以下文件:

<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript">
function tools(){
var top=$(document).scrollTop();
if(($.browser.msie==true)&&($.browser.version==6.0)){
if(top>168)$("#znav").css({position:"absolute",top:top-168});
}else{
if(top>168)$("#znav").css({position:"fixed",top:"-"&top+"px"});
}
if(top<=168)$("#znav").css({position:"static",top:0});
}
$(function(){
window.onscroll=tools;
window.onresize=tools;
});
</script>

需要浮动的层命名为 znav 即可


具体效果请看演示,一流资源网推荐下载。

标签:
代码下载
1659
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1微信扫一扫打开网址提示”在外部浏览器中打开“的代码

2微信扫描打开网址点击APP下载链接才提示在外部浏览器中打开代码

3一款二维码微信右边悬浮框效果代码

4jquery仿天猫右侧栏飞入加入购物车 返回顶部代码

5可设置每天只弹出一次的JS弹窗代码jquery.cookie

6可定时几秒后自动关闭的js弹出层广告代码

7网页返回顶部Jquery插件-jquery.returnTop

8网页自动弹出添加QQ好友邀请对话框的JS代码

9英文版加网社会化分享按钮代码

10打开网页几秒后弹出浮动层的JS代码

最新更新的

1XY_Dialog - 基于jQuery的弹出层插件

2优秀的jquery弹出层效果插件 - Fancybox

3jquery win8风格的页面返回顶部按钮代码带二维码和qq在线客服

4微信扫描打开网址点击APP下载链接才提示在外部浏览器中打开代码

5微信扫一扫打开网址提示”在外部浏览器中打开“的代码

6打开网页几秒后弹出浮动层的JS代码

7网页自动弹出添加QQ好友邀请对话框的JS代码

8Portamento-浮动固定位置/滑动定位插件

9可设置每天只弹出一次的JS弹窗代码jquery.cookie

10JQuery多功能右侧飘浮客服代码