网站不会向下滚动 [英] Website won't scroll down

问题描述

我的网站在 15 英寸的笔记本电脑上运行，但是每当我调整浏览器的大小时，我网站上的一些信息就会消失"，因为我无法滚动(不会出现滚动条).

My website works on a 15 inch laptop, but whenever I resize the browser, some of the information on my website 'disappears', as I am unable to scroll (scrollbar won't appear).

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

I'm experiencing this problem for two of my websites (they're part of a school project).

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

On the first website, the sticky footer covers the content when the website is being viewed in a smaller browser window. I managed to get a scrollbar for the container part (everything except for the header and footer), but I need the scrollbar to appear on the very right side of the website, outside of the container. (only the footer will be fixed, the header will be scroll-able as well).

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

在第二个网站上，我需要标题和蝴蝶保持固定，并且其他所有内容都可以滚动.

On the second website, I need the header and butterfly to stay fixed and for everything else to be scroll-able.

http://sophisticateddesign.nl

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

I'm wondering if there's an easy solution as I don't have much time left for these websites to finish..

推荐答案

移除overflow: hidden in html

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

删除 .Wrapper 的 position: absolute

Remove position: absolute for .Wrapper

对于第二个站点:您在 header 中添加了主要内容，position: fixed;高度:50px;.问题来了.

For second site: You added your main content inside header with position: fixed; height: 50px;. It's the problem.

这篇关于网站不会向下滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！