bootstrap-italia/src/js/plugins/util/pageScroll.js

Bootstrap Italia è un tema Bootstrap 5 per la creazione di applicazioni web nel pieno rispetto delle linee guida di design per i siti internet e i servizi digitali della PA

/**
 * Prevents page scroll
 */

const CLASS_SCROLL_DISABLED = 'pagescroll-scroll-disabled'

let disabled = false
let currentScrollPos = document.scrollingElement.scrollTop
const htmlContainer = document.querySelector('html')

export function disablePageScroll() {
  disabled = true
  currentScrollPos = document.scrollingElement.scrollTop
  htmlContainer.classList.add(CLASS_SCROLL_DISABLED)
}

export function enablePageScroll() {
  disabled = false
  htmlContainer.classList.remove(CLASS_SCROLL_DISABLED)
}

document.addEventListener('scroll', () => {
  if (disabled) {
    document.scrollingElement.scrollTop = currentScrollPos
  }
})