僅在移動設備上向下滾動時隱藏div

Question

<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。 我不想在PC或平板電腦上隱藏它。

但我做不正確..希望獲得幫助謝謝

Answer 1

歡迎使用Stack Overflow！

wrapper不是有效的HTML標記。 因此，只需將$('wrapper')更改$('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>

僅在移動設備上向下滾動時隱藏div

問題描述

1 個解決方案

解決方案1
0 2018-10-06 18:00:23

僅在移動設備上向下滾動時隱藏div

問題描述

1 個解決方案

解決方案1 0 2018-10-06 18:00:23

解決方案1
0 2018-10-06 18:00:23