我想禁止我的网页水平滚动,但允许它继续垂直滚动。网页本身只列出了png图像。我在网上找到的代码没有成功启用我禁用水平滚动。我正在使用的图像使浏览器分配额外的空间来滚动由于某种原因。我很欣赏任何有关修复的新想法。
limits.conf
禁用所有滚动。
答案 0 :(得分:1)
您想要的实际上是默认行为。默认情况下,浏览器会使您的页面仅垂直滚动。除非它包含的内容比视口宽。这可能是你的问题。
首先,我强烈建议你永远不要使用绝对定位(除非你真的需要)。它会使您的页面流动变得混乱,维护或响应是一种痛苦。 (那些内联样式属性也很少是一个好主意,但这是一个不同的故事)
因此,如果你摆脱了absolute
,你所要做的就是确保你的图像永远不会比他们的父母更宽。这可以通过一行css轻松实现:
max-width: 100%;
呃瞧,这应该可以解决问题。看看我为您设置的示例:http://jsfiddle.net/icebear/mywkmj7n/2/
如果您需要以不同方式定位图像,可以通过添加边距/填充,甚至使用浮点数或相对定位来实现,例如我放入小提琴中的.center
示例。
答案 1 :(得分:0)
<style type="text/css">
body {
min-width: 96px;
max-height: 200%;
overflow-x: hidden;
background-color: #FF0; /**/
}
</style>
试试这里放一些内容