jquery选项卡的min-height将影响页面自动滚动

时间:2012-07-08 13:07:23

标签: jquery tabs css

这是我的代码

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

如果您请将页面向下滚动到底部,然后单击任何链接。该页面将自动滚动到顶部。

单击链接时是否可以保持页面静止?

我认为问题来自#container的“最小高度”。如果我将“min-height”设置为高于#tab3,则根本没有问题。

此外,如果我更换“$('#tab'+ k).fadeIn(500);”用“$('#tab'+ k).show();” 。该页面不会滚动到顶部。

你能帮我解决这个问题并保持淡入效果吗?

由于

2 个答案:

答案 0 :(得分:1)

另一种方法是修复窗口滚动偏移。在您的代码中:

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

答案 1 :(得分:0)

您可以将锚点设置到DOM的底部,使颜色名称​​链接并将每个颜色指向底部锚点。 JSFiddle