阻止网页水平滚动?

时间:2015-08-22 12:14:22

标签: html css

我想禁止我的网页水平滚动,但允许它继续垂直滚动。网页本身只列出了png图像。我在网上找到的代码没有成功启用我禁用水平滚动。我正在使用的图像使浏览器分配额外的空间来滚动由于某种原因。我很欣赏任何有关修复的新想法。

limits.conf

禁用所有滚动。

2 个答案:

答案 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>

试试这里放一些内容

相关问题