我这里边用了一段js代码,贴出来
$(document).ready(function(){ var topMain=$("#header").height();//是头部的高度加头部与nav导航之间的距离 var nav=$(".daohang"); $(window).scroll(function(){ if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除 nav.addClass("daohang_scroll"); }else{ nav.removeClass("daohang_scroll"); } });});
daohang_scroll这块的css .daohang_scroll{position:fixed;width:100%;right:0;top:0;margin:0 auto;padding-right: 170px;}
求大神解答!!
回复讨论(解决方案)
页面网址 http://www.25mj.com/huodong/160227/index.php 求解决!!
#nav{ position:relative; width: 100%; height: 50px; border: 1px solid #cccccc; } #content{ position: absolute; left: 0px; right: 0px; margin: 0px auto; width: 400px; height:40px; border: 1px solid black; }
查看更多关于顶部导航栏在滚动的时候,不能自适应屏幕居中,求解决办法?_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did110925