自定義滾輪消失與選項卡

Question

我想這個問題的一些幫助，請。

我想創建一個帶有標籤的php網站，並在每個標籤中保留相同的自定義滾動條。我發現這些滾動代碼工作正常，但自定義滾動條停止顯示在選項卡2中。我注意到，這發生在我開始使用選項卡的功能（CSS & Javascript）時。

的樣品網站可以在這裏找到 - >http://www.swan10.nl/stuff/scroll/Scroller.php

標籤功能和滾動功能已在Scroller.php相應標註。

標籤的代碼也被發現和修改，也許其中一個是取消另一個？如果是的話，有沒有辦法解決這個問題？

這個問題一直讓我感到沮喪，現在幾個小時...感謝您的幫助提前。

Answer 1

我猜測這是因爲你在你的html中重複使用相同的id。你有兩個div都使用id="mycustomscroll"。 ID必須對頁面上的每個元素都是唯一的。您的flexcrollstyles.css文件的目標是具有該id的元素來設置滾動條的樣式。

#mycustomscroll { 
/* Typical fixed height and fixed width example */ 
width: 490px; 
height: 520px; 
overflow: auto; 
/* IE overflow fix, position must be relative or absolute*/ 
position: relative; 
padding: 5px; 
background: none; 
} 

如果您想要跨元素重用CSS樣式，那麼您應該首先查看使用類。直到你可以產生乾淨的代碼，這裏的人很難診斷什麼是錯的。但修復這個開始。