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

Question

这是我的代码

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

当我们点击链接时，是否可以保持页面静止？

我认为问题来自#container 的“最小高度”。如果我将“最小高度”设置为高于#tab3，则完全没有问题。

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

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

谢谢

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

您可以在 DOM 的底部设置一个锚点，使颜色名称链接并将它们中的每一个指向底部锚点。JSFiddle

2 回答 2