推荐应用

Discuz多国语言翻译

Discuz多国语言翻译

文库系统/文档系统

文库系统/文档系统

美食菜谱发布菜谱

美食菜谱发布菜谱

漫画阅读中心

漫画阅读中心

小说阅读中心

小说阅读中心

语言包切换基本文件

语言包切换基本文件

成语闯关

成语闯关

谷歌登錄Google登錄

谷歌登錄Google登錄

轻APP

轻APP

网上祭祀祭拜扫墓

网上祭祀祭拜扫墓

手机MP4视频上传

手机MP4视频上传

彩票开奖号码公布

彩票开奖号码公布

DZX泰语/傣语

DZX泰语/傣语

DZX日文版(日本语)

DZX日文版(日本语)

Discuz导航条智能浮动如此简单

发布于 2013-06-01

网站中一些中要的元素有时候需要保持在当前屏上,比导航条。但这个又是网页中不在页面最顶部的一部分,所以现在就有很多朋友看中了淘宝的那种导航条智能浮动效果。

今天在网上找了到了一个非常简单的js代码来实现这个功能。


以上代码在Discuz! X2.5程序的默认模板中测试成功,下面三点需要根所自己网站作适当调整:

z-index:999; 这里的是999浮动层的堆叠顺序
width:957px; 这里的957px设置浮动后的导航条宽度,如果原css中已定义了可忽略
var oDiv = document.getElementById("nv"); 这里的nv就是导航条的id值


扫一扫添加有偿QQ
扫一扫添加微信客服