页停止滚动

-3

我不明白发生了什么事，但突然我的页面不向下滚动查看内容的休息...页停止滚动

检查出来：www.guestinnation.com/hotels.html

正如你可以看到使用检查元素的功能，div比它看起来要长得多......

在此之前，我已为页面的60%的div设置了一个高度，并使用了overflow：scroll，但后来我决定只是想让它像主页，所以我取消了height=60%和溢出：滚动，但它结束了bein g就像你看到的...

提前谢谢！

来源

2013-03-28 Giovanni Dominoni

那么，为什么你不能使用溢出：滚动？也可以提供一些HTML和CSS？特别是divs的影响？ – LazerSharks 2013-03-28 08:30:54

一切都有'position：fixed;'on ... – Ohgodwhy 2013-03-28 08:32:02

@Gnuey它不是一个div，它是整个页面...这是缺少滚动条的浏览器页面，不是一个DIV ... 像在这个页面我们正在阅读Stackoverflow，如果我想查看页面的全部内容，我只需向下滚动，对吧？它在我的网站上如何？我无法向下滚动查看下面的内容？ #main { \t width：700px; \t职位：固定; \t top：180px; \t left：50％; \t margin-left：-350px; \t明确：均; \t display：block; \t background-color：white; \t -moz-border-radius：15px; \t border-radius：15px; \t box-shadow：0px 5px 5px gray inset; \t padding：0px 20px 25px 20px; } – 2013-03-28 08:43:20

编辑

在你的CSS变化二位：

#main{ 
    position: relative; // change it from fixed 
} 
#menumain2 { 
    position: absolute; // change it from fixed 
} 
#menumain { 
    position: absolute; // change it from fixed 
}

来源

2013-03-28 08:40:26 Alireza41

但'＃menumain2'下面的一行仍然存在，不应该在那里。 – 2013-03-28 08:42:21

@DeadMan，谢谢我编辑了我的答案 – Alireza41 2013-03-28 08:44:57

非常感谢你的工作！事实上，我做了一个混乱:) – 2013-03-28 08:55:41

这样做：

#main 
{ 
    position: relative; 
} 
#menumain 
{ 
    position: absolute; 
} 
#menumain2 
{ 
    position: absolute; 
}

来源

2013-03-28 08:43:43

你的页面滚动走了，因为你使用position: fixed;居中你的主要内容。这意味着该元素相对于浏览器窗口定位。

尝试类似的模拟。

<body> 
     <div id="wrapper"> 
      <header></header> 
      <div id="main"></div> 
      <footer></footer> 
     </div> 
</body> 

.wrapper{ 
     margin: 0 auto; 
     position: relative /* Just in case */ 
     width: 960px; }

我就是这样开始的。

或者，如果您在启动网站时遇到问题，请尝试一些HTML入门包，网络充满了它们。

来源

2013-03-28 08:46:57

回答

相关问题