將鼠標懸停在長頁面上的定位標記變慢

Question

我希望這是一個簡單的方法，但我有一個頁面，其中有許多行的表格，用戶可以決定從每頁五十頁的任意位置查看「整個「列表約1500行。我注意到，當每頁查看更多行時，「a：hover」樣式變得明顯變慢。它在Firefox/Chrome/Safari中也不錯，但在IE7中非常糟糕。當有大量使用該風格的錨點時，處理錨點懸停的最佳方法是什麼？

這是我目前使用它的CSS：

a.brochurelink{ 
color:#000000; 
font-weight:bold; 
text-decoration:none; 
} 

a.brochurelink:visited{ 
color:#9900BD; 
} 

a.brochurelink:hover{ 
text-decoration:underline; 
color:#0000FF; 
} 

Answer 1

IE一直有一個非常緩慢的DOM實現。即使IE8比任何其他瀏覽器都要慢4到5倍。對網站性能感興趣的人們一遍又一遍地證明了這一點。

CSS：hover僞選擇器確實需要瀏覽器進行一定程度的處理才能在正確的元素上正確顯示它。所以是的，IE可能會掙扎。

如果你做的比你在懸停上的東西（比如你實際上顯示/隱藏一個元素，調整大小）會觸發頁面重排，必須重新計算整個DOM，會是真的是慢。

Answer 2

我的猜測是，這個問題是不是與你的CSS，但你的1500行！這聽起來像你在推動瀏覽器的極限。我會堅持分頁，你的用戶會感謝你。