这是我的代码
如果您请将页面向下滚动到底部,然后单击任何链接。该页面将自动滚动到顶部。
单击链接时是否可以保持页面静止?
我认为问题来自#container的“最小高度”。如果我将“min-height”设置为高于#tab3,则根本没有问题。
此外,如果我更换“$('#tab'+ k).fadeIn(500);”用“$('#tab'+ k).show();” 。该页面不会滚动到顶部。
你能帮我解决这个问题并保持淡入效果吗?
由于
答案 0 :(得分:1)
另一种方法是修复窗口滚动偏移。在您的代码中:
var scrollTop = $(window).scrollTop();
$('.tabs').hide();
$('#tab' + k).fadeIn(500); //$('#tab' + k).show();
$(window).scrollTop(scrollTop);
答案 1 :(得分:0)
您可以将锚点设置到DOM的底部,使颜色名称链接并将每个颜色指向底部锚点。 JSFiddle