php - 位置:固定到位置:静态，显示水平滚动条吗？

我正在寻找一种使您的div在放大时变为静态的方法。

以facebook为例。放大，然后当“顶部”内容超过屏幕的100％时，它将变为静态并且不再固定。我该怎么做？

我猜“ topbar”的内容是一个特定的宽度，并且当您缩放以便屏幕小于该特定宽度时，水平的scroolbar就会显示出来，并且“ topbar”的div会变为静态。

总结一下一些代码。

#topbar {
width: 100%;
height: 40px;
position: fixed;
}

#topbar-content {
width: 800px;
height: 40px;
}

当屏幕小于800px时，顶部栏将停止为position: fixed;并变为position: static;

如果不清楚，请发表评论，我会尽力回答。很久以来一直在尝试解决方案。 ;）

该修复程序的首选语言是：html，css，javascript，jquery或php

提前致谢。

最佳答案

$(window).resize(function() {
    if ($(window).width() <= 800) {  // check width when window get's resized
      $('#topbar').css('position', 'static');
    } else {
      $('#topbar').css('position', 'fixed');
    }
});

关于php - 位置:固定到位置:静态，显示水平滚动条吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16154303/