Отключить прокрутку. Переполнение: скрыто, не работает ⇐ Html

[Anonymous]

Мне нужна помощь в том, как отключить прокрутку при открытом лайтбоксе vue easy. ничего из того, что я пробовал, не работает.
overflow: hidden

не работает. Я попробовал добавить :scrollDisabled="true" — все равно безуспешно.
Я спросил в чате, он рекомендовал создать наблюдателя в лайтбоксе, это тоже не сработало.
Буду очень признателен за любую помощь.



{{ isScrollLocked ? 'Unlock Scroll' : 'Lock Scroll' }}

Scroll down to test. When locked, the page shouldn’t scroll.




import { ref } from 'vue'

const isScrollLocked = ref(false)

function toggleScrollLock() {
isScrollLocked.value = !isScrollLocked.value
if (isScrollLocked.value) {
document.body.style.overflow = 'hidden'
} else {
document.body.style.overflow = ''
}
}



.container {
/* Make the page tall so we can easily see scroll locking. */
height: 2000px;
background-color: #fafafa;
padding: 20px;
font-family: sans-serif;
}

button {
margin: 20px;
padding: 10px 15px;
cursor: pointer;
}




Подробнее здесь: https://stackoverflow.com/questions/793 ... ot-working