兩個不同的jquery滾動相關的影響（其中包括JavaScript）干擾

Question

我在我的一個網站（KiirstinMarilyn.com）上僱用了兩個不同的滾動相關的效果（其他JavaScript），他們似乎互相干擾。它們如下：

1. 在確保所有內容低於摺疊的同時將徽標和導航集中在屏幕上。
2. 第一個jQuery效果使得點擊導航鏈接可以平滑滾動到錨文本。
3. 第二個jQuery效果，以及我今天添加的效果，使用William Duffy's method在滾動時保持音樂播放器元素在視圖中。
4. 最後一個元素是將nivoZoom用於圖片。

當瀏覽器窗口的寬度超過876px寬（這是主內容574px +音樂播放器302px的寬度）時，網站很好。當瀏覽器的寬度爲876px或更小時，會發生此問題。出於某種原因，當瀏覽器少於這個數量時，William Duffy滾動方法也會影響內容，並且它會向下滾動。

我搜索試圖找到兩種替代方法來創建我想要的效果，同時還要查找有關這些效果的某些組件的信息可能會產生干擾。不幸的是我沒有找到任何東西。也就是說，我在做的最後一招是禁止滾動效果，如果瀏覽器的寬度小於876px。這不是那麼理想，所以我希望你們都可以告訴我我的錯誤在哪裏，並指向我學習修復它們的方向。

謝謝請， 乍得

Answer 1

所有你需要的是一個編輯你的CSS爲#scrollingDiv。如果您將其更改爲：

#scrollingDiv { 
    position:absolute; 
    right:20px; 
    z-index:1; 
    height: 10.4em; 
    width: 30em; 
    background: black; 
    border: solid 1px #99083c; 
} 

我也建議您更改威廉姆斯例如動畫marginTop簡單top。但是CCS修復應該對它進行排序。