2010-11-03 161 views
2

有人可以幫助我瞭解博客文章的左側面板是否自動滾動?隨着社會的聯繫jquery div滾動位置

http://www.sohtanaka.com/web-design/nomination-judge-the-net-magazine-awards/

也許插件?

如果不是教程鏈接將會有幫助..

想要這個效果sooo多。

+0

http://plugins.jquery.com/project/stickyfloat http://jqueryfordesigners.com/fixed-floating-elements/ – Dan 2010-11-03 11:06:21

+0

試試這個jQuery插件HTTP: //imakewebthings.github.com/jquery-waypoints/簡單易用。 – mul14 2011-05-29 12:46:19

回答

1

它只是簡單地用一點JavaScript來完成。鏈接被設置爲絕對定位,然後如果滾動位置低於特定級別,則JavaScript函數會將菜單的頂部設置爲與窗口的滾動位置保持一致。這可能會在一段時間內完成,JavaScript可以定期檢查滾動條的位置。

因此,像下面會有所幫助,CSS位和JavaScript(jQuery的):

#menu {position:absolute;} 

setInterval(function(){ 
    // All the code to find out where to put the menu goes here. for instance: 
    $('#menu').css({top: $(window).scrollTop()}); 
}, 10); 

這不是工作的例子,只是該技術的一個例子。但正如你所說,我相信你可以通過谷歌找到一個插件。

+2

在'$(window).scroll'中這樣做會更好,更乾淨。 – lonesomeday 2010-11-03 10:17:43

+0

是的,它可能會。當我開始寫答案時,我不打算使用jQuery,而這正是想到的解決方案。但是,那樣會更好。 – 2010-11-03 10:20:35

+0

謝謝你們!現在我有點開始了!我非常感謝你的回答! – Dan 2010-11-03 10:59:55