弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3682|回复: 0

菜单随屏滚动时置顶脚本示范

[复制链接]
发表于 2017-3-25 21:21:50 | 显示全部楼层 |阅读模式
模板:mla,案例:wuhula

功能说明:当页面可视菜单时,菜单不置顶;当菜单在滚动页时不可见时,菜单置顶。
DIV:
<div id="wrapper"><div class="menu">$func_menu(pos=0,divi=none)$</div></div>

CSS:
#wrapper{ width:320px; height:60px; z-index:1999}

JS:
window.onscroll=function(){
        if(document.body.scrollTop>=127){ jQuery("#wrapper").css({"position":"fixed","top":"0px","z-index":1000});}else{jQuery("#wrapper").css({"position":"inherit","z-index":0});}
}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-27 14:44 , Processed in 0.049884 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表