最小高度爲jQuery的標籤會影響頁面自動滾動

Question

這裏是我的代碼

http://jsfiddle.net/aSCDp/5/

如果你請頁面向下捲動至底部，並點擊任何鏈接。該頁面將自動滾動到頂部。

當我們點擊鏈接時是否可以保持頁面靜止？

我認爲問題來自#container的「最小高度」。如果我將「最小高度」設置得高於＃tab3，那麼根本沒有問題。此外，如果我將「$（'＃tab'+ k）.fadeIn（500）;」替換爲「用「$（'＃tab'+ k）.show（）;」 。該頁面不會滾動到頂部。

你能幫我解決這個問題並保持淡入效果嗎？

感謝

Answer 1

另一種方法是修復窗口滾動偏移量。在你的代碼中：

var scrollTop = $(window).scrollTop(); 
$('.tabs').hide(); 
$('#tab' + k).fadeIn(500); //$('#tab' + k).show(); 
$(window).scrollTop(scrollTop); 

Answer 2

您可以設置錨DOM的底部，使色彩的名字鏈接和他們每個人的指向下方的錨。 JSFiddle