如何解决强制iOS Safari网址栏展开
我想禁止用户单击时滚动,以打开网站的侧面导航栏。
问题:
在移动版Safari上使用时,只有在展开顶部网址栏时,它才会使用户无法滚动。如果未展开,则用户仍然可以滚动。打开侧边栏后,是否有任何方法可以“强制”网址条展开?
代码:
我从其他Stack Overflow问题中找到了一些信息,并实现了当前代码。当显示导航栏(.nav链接)时,此代码不会使用户无法滚动。
CSS:
.stop-scrolling {
height: 100vh; /* Fallback for browsers that do not support Custom Properties */
height: calc(var(--vh,1vh) * 100);
overflow: hidden;
}
JS:
$(document).ready(function() {
$('.burger').click(function(e) {
if($('.nav-links').css('display') == 'flex'){
$('html,body').animate({scrollTop:0},100);
document.body.classList.add("stop-scrolling");
}
else if ($('.nav-links').css('display') == 'none'){
document.body.classList.remove("stop-scrolling");
}
});
// We listen to the resize event
window.addEventListener('resize',() => {
// We execute the same script as before
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh',`${vh}px`);
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。