js如何禁用滚动条

.no-scroll {
  overflow: hidden;
  height: 100vh; /* 防止内容溢出 */
}

function disableScroll() {
  document.body.classList.add('no-scroll');
}

function enableScroll() {
  document.body.classList.remove('no-scroll');
}

// 使用示例
disableScroll(); // 禁用滚动
// 在需要的时候调用 enableScroll() 来启用滚动

function disableElementScroll(element) {
  element.style.overflow = 'hidden';
}

function enableElementScroll(element) {
  element.style.overflow = '';
}

// 使用示例
const myElement = document.getElementById('myElement');
disableElementScroll(myElement); // 禁用滚动
// 在需要的时候调用 enableElementScroll(myElement) 来启用滚动

function disableTouchScroll(event) {
  event.preventDefault();
}

function enableTouchScroll() {
  document.removeEventListener('touchmove', disableTouchScroll, { passive: false });
}

// 使用示例
document.addEventListener('touchmove', disableTouchScroll, { passive: false }); // 禁用触摸滚动
// 在需要的时候调用 enableTouchScroll() 来启用触摸滚动

<button onclick="toggleScroll()">Toggle Scroll</button>

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

function toggleScroll() {
  document.body.classList.toggle('no-scroll');
}