Как я могу заставить веб-сайт студии Wix останавливаться при прокрутке раздела до завершения отображения текста? ⇐ CSS

[Anonymous]

Здесь я использую HTML, чтобы показать эффект раскрытия текста, как на веб-сайте студии Wix https://www.wix.com/studio.
Пожалуйста, скажите мне, как я могу добиться небольшой остановки горизонтальной прокрутки, пока я прокрутите раздел с эффектом раскрытия текста. Ниже приведен весь код.
Я попробовал эффект раскрытия текста, и это происходит, но мне не удалось добиться небольшой остановки при вертикальной прокрутке раздела. Мне нужна помощь с приостановкой вертикальной прокрутки раздела.


< pre class="snippet-code-js lang-js Prettyprint-override">

Код: Выделить всё

const text1 = document.getElementById('text1');
const text2 = document.getElementById('text2');
const textContainer = document.querySelector('.text-container');

document.addEventListener('scroll', () => {
const scrollPosition = window.scrollY;
const containerHeight = textContainer.clientHeight;

if (scrollPosition > containerHeight * 0.3) {
text1.classList.add('reveal');
} else {
text1.classList.remove('reveal');
}

if (scrollPosition > containerHeight * 0.5) {
text2.classList.add('reveal');
} else {
text2.classList.remove('reveal');
}
});

function adjustMobileView() {
if (window.innerWidth 

Подробнее здесь: [url]https://stackoverflow.com/questions/78521169/how-can-i-get-wix-studio-website-like-stop-while-scrolling-the-section-until-the[/url]