当我调整窗口大小时,导航栏会被切断

时间:2015-04-18 18:35:53

标签: css header

当我进入我的网站并调整浏览器大小以使其缩小然后向右水平滚动时,导航栏的一半会被切断,我希望导航栏显示我的所有链接,即使我必须滚动在右边。

为什么会这样?

这是我的css:

#header{
	width:100%;
}

.head{
	width: 100%;
	min-width: 1350px;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	background-color:#303030;
}

nav{
	width:655px;
	margin-top:20px;
	float:right;
	border:2px solid yellow;
}

$(function(){
 var shrinkHeader = 100;
  $(window).scroll(function() {
    var scroll = getCurrentScroll();
      if ( scroll >= shrinkHeader ) {
			$('.head').addClass('shrink');
			$('#logo').hide();
			$('#postLogo').addClass('now').show();
        }
        else {
            $('.head').removeClass('shrink');
			$('#logo').show();
			$('#postLogo').addClass('now').hide();
        }
  });
		function getCurrentScroll() {
		return window.pageYOffset;
		}
});

0 个答案:

没有答案