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

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Предотвращение эластичной прокрутки на OS X Chrome и Safari

Сообщение 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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Предотвращение эластичной прокрутки на OS X Chrome и Safari
    Anonymous » » в форуме CSS
    0 Ответы
    12 Просмотры
    Последнее сообщение Anonymous
  • Конфигурация Log4j2 RollingFile не работает с efs (эластичной файловой системой) для политики SizeBasedTriggeringPolicy.
    Anonymous » » в форуме JAVA
    0 Ответы
    8 Просмотры
    Последнее сообщение Anonymous
  • При переключении с Safari на другое, а затем обратно на Safari я не могу обнаружить, что Safari последовательно открывал
    Anonymous » » в форуме IOS
    0 Ответы
    197 Просмотры
    Последнее сообщение Anonymous
  • Несоответствие рендеринга между Safari iOS, Safari MacOS и Chrome
    Anonymous » » в форуме Html
    0 Ответы
    22 Просмотры
    Последнее сообщение Anonymous
  • Несоответствие рендеринга между Safari iOS, Safari MacOS и Chrome
    Anonymous » » в форуме CSS
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Jquery»