предотвращает прокрутку родительских элементов, когда ребенок достигает края

. При использовании фиксированного и прокрутки элемента внутри своего родителя может быть желательно ограничить прокрутку родителя, когда ребенок достигает своего вершины или долю. Этот вопрос возникает при прокрутке в детском элементе и родительском элементе, вызывая нежелательное прокрутку на заднем плане.

попытка и его ограничение

Первоначально, метод Event.stoppopagation () использовался для пропаганда событий. Однако этот метод оказался неэффективным по мере того, как все еще происходило распространение.

Комплексное решение

более эффективное решение включает в себя обработку события мышиного колеса с использованием jQuery. Решение использует свойство WheelDelta, где положительные значения указывают на прокрутку, а отрицательные значения указывают на прокрутку. Браузеры) по элементам с '.scrollable' class.

: значение Delta используется для определения направления прокрутки.
1. предотвратить действие по умолчанию
: скрипт проверяет случаи краев, когда прокрутка превзойдет минимальное или максимальное положение прокручиваемого элемента.
2. Регулирующая позиция прокрутки
: если обнаруживается корпус края (внизу Script устанавливает значение Scrolltop на 0 (сверху) или Scrollheight (внизу). element.
3. отмена событий
: функция предотвращения выполняется для полной отмены события, гарантируя, что оно не распространяется на родительский элемент.
4. , используя это решение, нежелательная прокрутка в родительском элементе может быть эффективно предотвращено, уважаемое из брейвизатора.