2

我对固定在页面顶部的 2 个 div 有疑问。我已将它们固定在顶部，如果我向下或向上滚动页面一切正常。但如果我左右滚动，我看不到第二个 div。我该如何解决？

这是我的页面，您可以通过以下方式查看问题： 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>

4

2 回答 2

0

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

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

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

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

或者，或者，或者……</p>

于 2012-09-17T13:23:17.847 回答
0

仅用于 y 轴的固定位置，您可以通过这个小脚本来实现：

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

演示

于 2012-09-17T13:39:02.627 回答