js怎么禁用滚动条

/* 禁用整个页面的滚动 */
body {
  overflow: hidden;
}

// 禁用滚动
document.body.style.overflow = 'hidden';

// 启用滚动
document.body.style.overflow = '';

// 禁用触摸设备上的滚动
document.addEventListener('touchmove', (event) => {
  event.preventDefault();
}, { passive: false });

// 禁用鼠标滚轮滚动
document.addEventListener('wheel', (event) => {
  event.preventDefault();
}, { passive: false });

/* 定义一个禁用滚动的类 */
.no-scroll {
  overflow: hidden;
}

// 切换禁用滚动类
document.body.classList.add('no-scroll'); // 禁用滚动
document.body.classList.remove('no-scroll'); // 启用滚动