Предотвращение эластичной прокрутки на OS X Chrome и Safari ⇐ CSS

[Anonymous]

Я ищу способ предотвратить эластичную прокрутку, которая происходит на OS X как в Chrome, так и в Safari. < /p>

Если вы не понимаете, что я имею в виду , это когда вы прокручиваете вверх, пока страница находится вверху, или вниз, когда страница находится внизу, и показывает серый фон за страницей. < /p>

Там это решение CSS для одностраничных приложений, где вы просто добавляете переполнение: hidden в html или body

Однако я Нужно иметь возможность прокрутить. Полем Кроме того, это немного глюка в сафари. < /P>

$(window).on('scroll', function(e){
scrollAmount = $(this).scrollTop();
if(scrollAmount < 1){
$(this).scrollTop(1);
}
});
< /code>

Так что это просто проверка пользовательских свитков ниже 1, что означает, что они пытаются прокрутить вверх, пройдя туда, где заканчивается страница. Я попробовал 0, но это не сработало.
Я не смог найти способ проверить, пройдут ли пользовательские свитки. < /P>

Итак, какие мысли? < /p>

РЕДАКТИРОВАТЬ: < /p>

$(window).on('scroll', function(e){
scrollAmount = $(this).scrollTop();
if(scrollAmount < 1){
$(this).scrollTop(1);
}
if(scrollAmount > $(document).height() - $(window).height()){
$(this).scrollTop($(window).height());
}
});
< /code>

Теперь я добавил проверку, если мы прокрутите, передав нижнюю часть страницы. Этот метод не работает, хотя он очень неблагоприятно прыгает.

Подробнее здесь: https://stackoverflow.com/questions/149 ... and-safari