我的网站有导航栏。在移动屏幕上查看时,如果任何用户单击任何页面,都会弹出相同的标题,用户不会知道内容在标题下方。因此,我只需要在小屏幕上激活自动滚动功能。我搜索了很多网站,但找不到解决方案,比如我们如何将 JS 脚本与媒体查询一起使用。在此先感谢您的帮助。
我的 JS 文件中有如下代码,但这段代码会在所有屏幕尺寸上滚动
function pageScroll()
{
window.scrollBy(0,1500); // horizontal and vertical scroll increments
}
html文件
<body onload="pageScroll">
但我想将其修改为仅适用于移动屏幕。
最佳答案
没有任何其他代码可以很好地了解您网站上发生的事情,您可以像这样在 jquery 中复制媒体查询
$("body").on("load",function() {
if ($(window).width() < 768 ) { // mobile devices change it how you want
window.scrollBy(0,1500); // horizontal and vertical scroll increments
}
});
关于javascript - HTML5 响应式网站,需要在小屏幕上自动滚动以跳过导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46950597/