当前位置:Gxlcms > html代码 > 顶部导航栏在滚动的时候,不能自适应屏幕居中,求解决办法?_html/css_WEB-ITnose

顶部导航栏在滚动的时候,不能自适应屏幕居中,求解决办法?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:58人阅读

这个就是顶部导航,在我的电脑上显示正常,但是换别的分辨率电脑,就显示有问题了,
我这里边用了一段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 求解决!!

			


这样子布局可以解决吗?

			

你使用了map,图片大小必须确定,一旦自适应的话,coords的定位就错了

			

你使用了map,图片大小必须确定,一旦自适应的话,coords的定位就错了


确实是这个原因,我换了种办法,好了,谢谢了。

人气教程排行