窗口大小调整时的简单滚动条问题

Question

我知道有一个非常简单的解决方案，但对于我的生活，我无法得到它。我有一个网站，内容宽度是848px（我知道很奇怪），但是在它之外有一个绝对定位的div，宽度为1496px。它们彼此居中对齐，只需将窗口调整为比848px更窄，我需要添加一个滚动条。请查看brianbattenfeld.com/fingers /

Answer 1

您始终可以使用CSS Media Queries来检测浏览器的宽度，然后可以向所需的页面/元素添加滚动条。如果您使用水平或垂直滚动​​条，当宽度达到848px时，我可能无法解决，因为目前根本没有水平滚动条。

也许这样的事情会起作用（没有经过测试，只是一个粗略的指导）

@media (min-width:848px) {
  html {
    overflow: -moz-scrollbars-vertical; 
    overflow-x: hidden; 
    overflow-y: scroll;
  }
}

希望这很有用！