北京时时彩玩法: 蝉知系统如何设置导航条固定在顶部

2016-09-07 10:44:00
GavinHsueh
原创
2454
摘要:对于页面比较长的网站,我们在下拉滚动条时,如果要跳转其他页面板块,又得回到网站顶部找导航条,操作不便。为了提高用户体验度,我们经常采取的解决方案就是将导航条不定在顶部,方便用户快捷浏览网站各个板块。

2017我被时时彩害死了 www.z61ld.com.cn 对于页面比较长的网站,我们在下拉滚动条时,如果要跳转其他页面板块,又得回到网站顶部找导航条,操作不便。为了提高用户体验度,我们经常采取的解决方案就是将导航条不定在顶部,方便用户快捷浏览网站各个板块。

2017我被时时彩害死了系统是如何将导航条固定在网站顶部的呢,这里我提供了两种解决方案:

1.使用“class=" navbar-fixed-top"”样式。

蝉知系统采用基于Bootstrap开发的ZUI前端框架,继而我们可以直接对导航条元素添加 navbar-fixed-top样式,从而达到导航条固定在顶部的效果。


2.使用CSS/JS实现。

//设置导航条固定在顶部
$(function(){
var nav=$("#navbar"); //得到导航对象,设立改成你自己的网站导航标签,蝉知为#navbar
var win=$(window); 
var sc=$(document);
win.scroll(function(){
  if(sc.scrollTop()>=200){ //这里的200指导航上移指定距离后固定在顶部
    nav.addClass("fixednav"); 
   $(".navTmp").fadeIn(); 
  }else{
   nav.removeClass("fixednav");
   $(".navTmp").fadeOut();
  }
})  
})
然后CSS里添加下面样式:


.fixednav {
    position: fixed;
    top: 0px;
    width:1140px;
    z-index: 1;
}


宽度根据实际情况自行设定。

如果大家还有其他实现方法,欢迎一起分享讨论。

下载提示

蝉知使用问题交流,请加 官方QQ群: 284891062 , 加群请注明暗号: 蝉知。

获取技术支持注意事项: //www.z61ld.com.cn/page/qqgroup.html

欢迎关注我们的微博微信。

新浪微博:易软天创

微信公众号:易软天创

评论列表
屌丝男神 2017-02-14 13:14:22
对于小白来说,你这不靠谱啊,都没有详细步凑
蝉知-褚纪鲁 2017-02-14 13:35:58
后台--设计--界面--代码--全部页面--css
1/1
发表评论
评论通过审核后显示。
  • 【互动话题】我为两会建言献策 2019-04-20
  • 青年创新前沿论坛在海淀创业园成功举办 2019-04-20
  • 苹果看好低价款iPhone X:配备LCD屏 2019-04-19
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-04-19
  • 彭湃:“农民运动大王”(为了民族复兴·英雄烈士谱) 2019-04-19
  • 买房先下手为强 西安这些不限购楼盘免去购房资格困扰 ——凤凰网房产西安 2019-04-18
  • 淮南老市政府大院已更新改造 未来将变身街边广场 2019-04-18
  • 证明“你爸是你爸”背后的甩锅逻辑 2019-04-17
  • 中共中央直属机关党校 2019-04-17
  • 护肤品达不到的效果怎么办? 让这些网红皮肤管理项目来帮你 2019-04-16
  • “买房号”就包买河西房?男子借机骗走170多万 ——凤凰网房产南京 2019-04-16
  • 泰安日报社社长戴冰祝贺人民日报创刊70周年 2019-04-16
  • 爱国统一战线称谓的由来 2019-04-16
  • 西安“摇号门”涉事开发商道歉 此前称遭恶意诋毁 2019-04-15
  • 习近平日内瓦演讲一周年世界为何青睐"人类命运共同体" 2019-04-15
  • 212| 390| 561| 411| 947| 979| 759| 929| 771| 747|