js锁定html滚动条

body.lock-scroll {
  overflow: hidden;
  position: fixed; /* 防止页面跳动 */
  width: 100%;
}

function lockScroll() {
  document.body.style.overflow = 'hidden';
  document.body.style.position = 'fixed';
  document.body.style.width = '100%';
}

function unlockScroll() {
  document.body.style.overflow = '';
  document.body.style.position = '';
  document.body.style.width = '';
}

body.lock-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

function adjustBodyHeight() {
  document.body.style.height = window.innerHeight + 'px';
}

window.addEventListener('resize', adjustBodyHeight);

let scrollPosition = 0;

function lockScroll() {
  scrollPosition = window.pageYOffset;
  document.body.style.overflow = 'hidden';
  document.body.style.position = 'fixed';
  document.body.style.width = '100%';
}

function unlockScroll() {
  document.body.style.overflow = '';
  document.body.style.position = '';
  document.body.style.width = '';
  window.scrollTo(0, scrollPosition);
}