固定在顶部的两个div

我有一个固定在页面顶部的2个div的问题。我已经将它们固定在顶部，如果我向下滚动页面或向上滚动一切都可以。但是如果我左右滚动，我看不到第二个div。我该如何解决它？固定在顶部的两个div

Here is my page，你可以通过这样看待这个问题：1。调整浏览器页面 2.向下滚动 3.向右滚动

下面的代码：

<HEAD> 

<script type='text/javascript' src='jquery-1.7.1.js'></script> 
</HEAD> 
<LINK REL="stylesheet" HREF="Stile.css" TYPE="text/css" /> 
<BODY> 
<script type='text/javascript'> 
$(window).load(function(){ 
$(window).scroll(function() { 
    if(($(".container").position().top - $(window).scrollTop()) <= 0) 
     { 
      $("#cont").addClass("fixmenu"); 
     } 
     else 
     { 
      $("#cont").removeClass("fixmenu"); 

     } 
}); }); 
</script> 

<div class="container" > 

<div id="cont"> 

<div id="menubar"> 
</div> 
<div id="fastlogin"> 
</div></div>

来源

2012-09-17 MatroxDev

不知道你的意思，似乎罚款在最新的Chrome浏览器 –

你的父母是positoin固定如果你从左到右滚动比你的权利部分被隐藏，因为你的父母是固定的，它开始离开.................. ....... –

您可以为较小的屏幕宽度设置一个单独的样式表，以将右侧div放置在另一个位置。

或者您可以利用箱子位置和宽度的百分比来使布局流畅。

或者您可以使用right: #%;来定位右边框，而不是设置左边距。

或者您将流体宽度设置为左边距。

或者，或者，还是......

来源

2012-09-17 13:23:17 feeela

固定位置只为y轴，您可以通过这个小脚本实现这一点：

var topOffset = parseInt($("#header").css('top')); 
$(window).scroll(function(){ 
    $('#header').css({ 
     'top': $(this).scrollTop() + topOffset 
    }); 
});

Demo

来源

2012-09-17 13:39:02 ygssoni

固定在顶部的两个div

回答

相关问题