页停止滚动
我不明白发生了什么事,但突然我的页面不向下滚动查看内容的休息...页停止滚动
检查出来:www.guestinnation.com/hotels.html
正如你可以看到使用检查元素的功能,div比它看起来要长得多......
在此之前,我已为页面的60%
的div设置了一个高度,并使用了overflow:scroll,但后来我决定只是想让它像主页,所以我取消了height=60%
和溢出:滚动,但它结束了bein g就像你看到的...
提前谢谢!
编辑
在你的CSS变化二位:
#main{
position: relative; // change it from fixed
}
#menumain2 {
position: absolute; // change it from fixed
}
#menumain {
position: absolute; // change it from fixed
}
但'#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;
}
你的页面滚动走了,因为你使用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入门包,网络充满了它们。
那么,为什么你不能使用溢出:滚动? 也可以提供一些HTML和CSS?特别是divs的影响? – LazerSharks 2013-03-28 08:30:54
一切都有'position:fixed;'on ... – Ohgodwhy 2013-03-28 08:32:02
@Gnuey它不是一个div,它是整个页面...这是缺少滚动条的浏览器页面,不是一个DIV ... 像在这个页面我们正在阅读*,如果我想查看页面的全部内容,我只需向下滚动,对吧?它在我的网站上如何?我无法向下滚动查看下面的内容? #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