我是 JS 新手，我想知道是否有任何可能的方法來調節類
我會把你放在背景關系中。我正在嘗試禁用我的移動導航欄的滾動條，到目前為止我得到了這個：
<style>
.no-scroll {
overflow: hidden;
}
</style>
<script>
$('.checkbtn').on('click', function() {
$('body').toggleClass('no-scroll');
});
if (/* I NEED YOUR HELP HERE */) {
$('.checkbtn').on('click', function() {
$('body').removeClass('no-scroll');
});
}
</script>
到目前為止我做得好嗎？無論如何，我的問題是我怎么知道“身體”必須有無滾動類才能作業
編輯：我的漢堡導航欄圖示類稱為“.checkbtn”
uj5u.com熱心網友回復：
你可以使用 hasClass 方法
例如
if($('body').hasClass('no-scroll'){
// your code
}
uj5u.com熱心網友回復：
按鈕在 body 上切換該類唯一需要的是：
<script>
document
.querySelector('.checkbtn') // <button> or null if not found
.addEventListener('click', () => document.body.classList.toggle('no-scroll'));
</script>
為了能夠有多個按鈕，并且在類沒有按鈕時不會出錯，您可以改為回圈遍歷找到的元素，如下所示：
<script>
const listener = () => document.body.classList.toggle('no-scroll');
for (const btn of document.querySelectorAll('.checkbtn'))
btn.addEventListener('click', listener);
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/353281.html
標籤：javascript html css
上一篇：將<br/>添加到變數中的字串