页面不会滚动

时间:2014-06-10 20:24:11

标签: javascript html css

我正在编辑wordpress主题,我希望主要内容区域更大。但是当我将它放大到超出屏幕的界限时,它就不会滚动。我知道这个问题最常见的原因是位置:已修复,但我在代码中只发现了两种情况,当禁用它们时,它无法解决问题。

原始代码使得id为“content”的div有一个滚动条,但我使div更大,所以我希望滚动条出现并返回默认位置,就像大多数页面一样。

资源:这是原始页面供参考。 (你可以从那里检查代码,因为我还没有对它进行任何编辑。)

http://themes.themolitor.com/wpzoom/2011/04/first-blog-post-title/

2 个答案:

答案 0 :(得分:1)

您的页面设置方式是,javascript文件为内容添加内联样式,并根据屏幕大小提供动态高度。

并且内容id有一个溢出auto,当内容溢出父元素时,它会给出一个滚动条。

因此,如果您想要删除滚动条,请执行" overflow:hidden;" (这将隐藏不幸溢出的内容。

或者您必须重新排列整个页面结构。

答案 1 :(得分:-1)

您的问题似乎在http://themes.themolitor.com/wpzoom/wp-content/themes/wpzoom/style.css,其中html和body设置为overflow:hidden。如果内容超出页面末尾,则不会滚动。您可以将其更改为overflow:auto(当内容太多以适合时自动添加滚动条),或者您可以摆脱overflow属性,因为auto是默认行为。

overflow:scroll /* always show a scroll bar */
overflow:auto /* show a scroll bar when the content of a box is bigger than the box itself */
overflow:hidden /* never show a scroll bar */