水平滚动网站上的溢出隐藏问题

时间:2011-11-16 04:07:03

标签: html css overflow horizontal-scrolling

我有一个水平滚动网站,有两个部分,100%宽度/高度div包裹在200%宽度/ 100%高度div中。它使用jquery将主div调整大小到浏览器的大小,这样可以使每个部分与浏览器分开任意大小。为了使滚动工作,我已将100%div上的溢出设置为隐藏但是当浏览器窗口缩小到某一点时,我需要页面可滚动,否则无法查看/访问内容。

以下是测试页面的链接:http://jamesisfishing.com/albertst/tester.html

1 个答案:

答案 0 :(得分:0)

我想我找到了一个解决方案:

<body>之后插入此内容:

<div style="position:absolute;width:100%;height:100%;min-width:1000px;"></div>

然后,添加到<div id="wrapper"> min-width:1000px

这会强制第一个div达到最小宽度1000px,同时将内容保持为1000px并显示第一个div的滚动条。