<script type="text/javascript">
window.onscroll = function() {
var t = document.documentElement.scrollTop || document.body.scrollTop;
var left_bar = document.getElementById("left_bar");
if (t >= 80 && $('wrapper').width() <= 478 ) {
left_bar.style.display = "none";
} else {
left_bar.style.display = "inline";
}
}
当用户仅在移动设备上向下滚动时，我试图隐藏一个 div。我不想将它隐藏在个人电脑或平板电脑上。
但我做不对..希望得到帮助谢谢
最佳答案
欢迎来到 Stack Overflow!
wrapper 不是有效的 HTML 标签。因此，只需将 $('wrapper') 更改为 $('.wrapper') 并为 body 元素提供类 wrapper。
window.onscroll = function() {
var t = document.documentElement.scrollTop || document.body.scrollTop;
var left_bar = document.getElementById("left_bar");
if (t >= 80 && $('.wrapper').width() <= 478 ) {
left_bar.style.display = "none";
} else {
left_bar.style.display = "inline";
}
}.wrapper {
height: 100vh;
width: 100vw;
}
#left_bar {
height: 200px;
width: 200px;
background: red;
}<body class='wrapper'>
<div id='left_bar'></div>
</body>关于javascript - 仅在移动设备上向下滚动时隐藏 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52681800/