Question

有人可以运行吗？

<html>

    <body style="overflow: hidden;">

        top

        <div style="background-color: red; height: 2000px;"></div>

        bottom

    </body>

</html>

在Windows上使用Chrome版本36.0.1985.143 m，我仍然可以滚动。在Mac OS X，Firefox和IE11上使用Chrome，我无法。

Answer 1

要解决此问题，您需要为HTML和BODY定义高度。出于某种原因，您还必须删除HTML和BODY的边距和填充。

body, html {
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
}

如果没有为这些元素定义高度，那么div就不会溢出任何东西就是我理解chrome要解释它的方式。

这应该照顾您的体验轻微滚动。我做的时候工作得很好。

祝你好运

“溢出：隐藏;”在PC上被Chrome忽略

1 个答案: