如何使Javascript滾動跳躍

在我的防守 - 我不知道JavaScript是令人驚訝的。如何使Javascript滾動跳躍

這裏是我的網頁：www.andrewjalexander.com

下面的代碼有人幫助我得到：

window.onscroll = moveEle; 
function moveEle() { 
//Alter top to be how many pixels you want from the top of the window 
var top = 100; 
ele = document.getElementById('sidebar'); 
if(document.body && document.body.scrollTop) { 
ele.style.top = (document.body.scrollTop + top) + "px"; 
} else if(document.documentElement && document.documentElement.scrollTop) { 
ele.style.top = (document.documentElement.scrollTop + top) + "px"; 
} 
}

滾動似乎令人難以置信的緊張。我嘗試過CSS，但側邊欄與主div保持重疊。

有沒有辦法滾動，並沒有任何重疊的div？

來源

2011-10-13 Andrew Alexander

你的意思是重疊？調整菜單重疊在主內容上的窗口大小？ – rmagnum2002

是的，這是正確的，只用CSS。有了這個Javascript，沒有重疊，但跳動。 –

當屏幕尺寸較小時，它可以重疊，在這種情況下，使得ul尺寸以％爲單位，例如.ul {width：5％} 5％將在大或小屏幕中爲5。 – rmagnum2002

http://jsfiddle.net/myprg/3/

剛剛添加當前位置：固定

它現在<ul style ="position: fixed;">

它重疊，但它必須是一個非常小的屏幕。依然看起來很順利

來源

2011-10-13 01:52:44 rmagnum2002

恩，現在UL文本總是與main重疊。 –

當頁面調整大小時，我摘下了底部滾動條。我測試了一臺筆記本電腦的顯示器，並且還安裝了一個大屏幕，因此這兩個屏幕上的頁面看起來不錯。 http://jsfiddle.net/myprg/3/ – rmagnum2002

這裏是一個與jQuery的浮動菜單的例子，但我可以告訴你，它也不是那麼smoth。 http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/ 或只是演示https：//d2o0t5hpnwv4c1.cloudfront。淨/ 018_Floating_Menu /演示/ dhtml_float_menu_final_nettut.html – rmagnum2002

如何使Javascript滾動跳躍

回答

相關問題