2012-11-07 259 views
-1

我新的網站設計,這是第一個網站,我設計了一個朋友導航欄左側

我這個網站上的導航欄存在問題,有時會出現在左側,有時候在右側。這很容易在Chrome中複製。它通常會在第一次加載或幾次刷新後破壞。

這是應該的樣子,http://project02.businesscatalyst.com/Jing/2012-11-08_0121.png

錯誤的狀態:http://project02.businesscatalyst.com/Jing/2012-11-08_0123.png

我無法弄清楚爲什麼發生這種情況。我已經使用某些JS插件,像scrollorama,scrolldeck等我的自定義JS文件js.js

任何幫助,將不勝感激。

+0

你有任何的代碼示例? – Michael

+0

他正在談論標題中提到的網頁。但我同意你的看法,他應該在這裏提供代碼示例,因爲Stack Overflow是一個代碼相關的問答平臺。 – danijar

回答

0

在我的瀏覽器(Firefox的最新)的http://ruvij.businesscatalyst.com/導航欄看起來罰款對於每一個第一頁的訪問(用乾淨的高速緩存),並減免第二。

導航欄被定位成與以下兩個屬性,這可能導致一個JavaScript的。

left: 83.15px; 
padding-left: 816.7px; 

我勸你到導航條的位置與right: 0;,以確保它會留在頁面的右側。您可以使用任何其他數字來定義偏移量。

通過你可能有我們的頁面另一個問題的方式。即使頁面在加載時已經向下滾動,每次重新加載後都會出現指示用戶向下滾動的動畫箭頭。這是因爲許多瀏覽器記住頁面重新加載之間的滾動位置。

+0

讓我告訴你我的意思,http://project02.businesscatalyst.com/Jing/2012-11-08_0245.swf 這個問題很容易在鉻中重現。 我正在使用變量'count'來計算導航欄中所有'lis'的寬度,以將其定位在右側。這就是打破我認爲的代碼。 這裏是我的代碼: \t VAR allinks = $( 「NAV 」)找到(「 UL李」)。 \t var count = 0; \t \t allinks.each(函數(){ \t \t計數+ = $(本).WIDTH()+ 50; \t}); 這段代碼有什麼問題嗎?你能提出一個替代方案嗎? – maurya8888

+0

你的問題很容易在所有主流瀏覽器中重現,我已經建議你選擇一個。由於您可以簡單地使用零的右偏移量,因此無需計算寬度和左偏移量。你應該擺脫所有不需要的JavaScript並嘗試我的解決方案。 – danijar

+0

我實際上並不想這樣做,因爲有些東西會打破整個佈局而不僅僅是導航。修復導航導致其他事情中斷,因此我想爲此做一個修復。而且,這是我的第一個網站,所以我想盡可能地學習,而不是僅僅修改東西。 – maurya8888

0

感謝您回答我的問題。

我改變了文檔準備功能窗口負載和固定它。不知道爲什麼發生。