Можно ли как-то остановить отключить временно инерцию скролла на моб. устройствах?

Question

[65536]

Понадобилось ограничить скролл страницы, вот ограничитель:

if ($window.scrollTop() > scrollTopLimit) {
    $window.scrollTop(scrollTopLimit);
}

Всё хорошо, только на мобильных устройствах появляется эффект дрожания из-за того что инерция вступает в борьбу с этим ограничителем, дрожит на 1 пиксель пока не прекращается ее действие. Не смертельно, но выглядит тревожно. Что можно сделать?

Comments

[Сергей delphinpro]

Сделайте по другому. Разметку не покажу, обрисую на словах. У вас вся страница должна быть обернута в блок с overflow:hidden. При не заданной высоте это не будет мешать скроллить страницу. Но когда вы откроете меню, нужно будет задать этой обертке высоту, равную высоте меню, если меню больше контента страницы. Таки образом лишнее обрежется и страница нативно будет скроллиться только в пределах высоты меню без всяких js-ограничителей. Соответственно при скрытии меню ставим высоту этой обертки в auto.

Answer 1

[Евгений]

Как вариант вы можете задать css для блока в котором скролите:

if ($window.scrollTop() > scrollTopLimit) {
    $container.addClass('fixed');
}

.fixed {
    overflow-y: hidden;
}

Comments

[65536]

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