随屏幕宽度变化的ScrollTop函数
随屏幕宽度变化的ScrollTop函数
提问于 2021-08-25 08:57:50
嗨，有人可以帮助我的脚本，请。这段代码在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;
}
});回答 2
Stack Overflow用户
发布于 2021-08-25 09:15:17
试试看：
$("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更改为任何所需的值。
Stack Overflow用户
发布于 2021-08-25 09:11:33
你需要在resize with函数上添加一个事件侦听器，该函数将更新窗口宽度的状态。否则，您的代码不会理解您正在调整大小
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68919836
复制相关文章
相似问题
腾讯云开发者
