网站不会向下滚动

时间:2014-06-16 15:14:55

标签: html css scroll

我的网站适用于15英寸笔记本电脑,但每当我调整浏览器大小时,我网站上的某些信息就会消失,因为我无法滚动(滚动栏不会出现)

我的两个网站(他们是学校项目的一部分)遇到了这个问题。

在第一个网站上,当在较小的浏览器窗口中查看网站时,粘性页脚会覆盖内容。我设法得到容器部分的滚动条(除了页眉和页脚之外的所有内容),但是我需要滚动条出现在网站的最右侧,在容器之外。 (只有页脚将被修复,标题也可以滚动。)

http://sophisticateddesign.nl/cfreport/index.html

在第二个网站上,我需要标题和蝴蝶保持固定,其他一切都可以滚动。

http://sophisticateddesign.nl

我想知道是否有一个简单的解决方案,因为我没有多少时间让这些网站完成..

3 个答案:

答案 0 :(得分:5)

删除html中的overflow: hidden

html {
  height: 100%;
  margin: auto;
  width: 960px;
}

删除。{Wrapper

position: absolute

第二个网站: 您已使用headerposition: fixed; height: 50px;内添加了主要内容。这是问题所在。

答案 1 :(得分:1)

您的 HTML 标记有 CSS 属性。

html{
    height: 100%;
    margin: auto;
    width: 960px;
    overflow: hidden;
}

尝试将溢出更改为溢出:滚动

答案 2 :(得分:1)

是的,我只是尝试了一下,如果您需要一些东西来充实您应该使用的侧面

html{
overflow-x: hidden;
}

而不是仅仅使用溢出。

||对于将来遇到此问题的任何人。 ||