頁停止滾動

-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

回答

相關問題