防止滾動到頁首頂部的功能

我想弄清楚如何防止滾動回頂部時擴大頂部導航欄時編輯的HTML模板。防止滾動到頁首頂部的功能

我一直在嘗試很長一段時間，以確定我需要更改js或css中的某些內容，但我似乎無法將它放在手指上。

任何幫助將不勝感激，謝謝！

2014-09-11 Joe Alibi

您是否嘗試添加！重要的樣式，它有填充：15px 0; => padding：15px 0！important;這是爲媒體=「屏幕」 #primary { – 2014-09-11 00:48:08

您是否試圖將菜單固定在頂部？如果是這樣，並且您正在使用bootstrap，請在其文檔中查找afix。如果你不是也可以看看它是如何工作的。 – MVCDS 2014-09-11 00:48:19

http://demo.lovethem.es/extra_html/assets/js/application.js第34行 – JFK 2014-09-11 00:55:03

好吧，沒有實際的代碼，很難看到有什麼改變它。我的意思是我可以提取頁面的源代碼，但如果你有任何可能影響結果的服務器端代碼，只要提供它就更好了。無論如何，據說我注意到你的標題正在從position: relative; padding: 30px更改爲position: fixed; padding: 15px，並且根據chrome上的控制檯窗口，這些更改從元素的內聯風格發生。所以我會建議看看你的Javascript代碼。我趕緊看了一下，它似乎是從以下文件（我再次認真看了不到一分鐘）來：application.js中

nav.css({ 
position : 'relative', 
padding : '30px 0', 
left  : nav.offset().left 
});

所以，你應該仔細檢查這一節，爲人處事與導航.css確保它正在做你想做的事。

來源

2014-09-11 00:59:16 QuietOmen

我也注意到JFK的評論。這也指向同一個文件，他可能會注意到nav.css的相同更改，您將其從15px的填充改爲30px的填充。 – QuietOmen 2014-09-11 01:00:56

謝謝。在填充信息之後，我在application.css中添加了'！important'標記，並且它的工作起來很方便。我不知道爲什麼，但這不知何故密封了15px屬性。 – 2014-09-11 01:04:13

它沒有封閉它，發生了什麼是一段Java腳本代碼將內聯css添加到div，在樣式表中添加重要的內容使得它選擇這個作爲css來聽，而不是內聯代碼。 – 2014-09-11 07:15:58

防止滾動到頁首頂部的功能

回答

相關問題