ScrollTop函数随屏幕宽度变化

Question

嗨，有人可以帮助我的脚本，请。这段代码在javascript中运行良好:

$("a[href='#tabs-11']").click(function() {     
$("html, body").animate({ scrollTop: 620 }, "slow");    
return false;   
});          

，但现在我需要做一个不同的滚动高度时，屏幕调整大小使用这个脚本，但不工作:

$("a[href='#tabs-11']").click(function() {
$("html, body").animate({ scrollTop: 620 }, "slow");
if (window.innerWidth < 700) { 
$("html, body").animate({ scrollTop: 620 }, "slow");
return false;
}
});

Answer 1

试一试:

$("a[href='#tabs-11']").click(function(e) {
e.preventDefault();
if (window.innerWidth < 700) {
$("html, body").animate({ scrollTop: 20 }, "slow");
return false;
} else {
$("html, body").animate({ scrollTop: 1600 }, "slow");
}
});

您可以将20或1600更改为任何需要的值。

Answer 2

你需要在resize with函数上添加一个事件监听器，它将更新窗口宽度的状态。否则，您的代码将无法理解您正在调整

的大小。