Предотвратить прокрутку страницы

Question

Я занимаюсь разработкой мобильного приложения с помощью jQuery mobile, и у меня возникла следующая проблема:

У меня есть меню, в котором есть div с вертикальной прокруткой. Как только прокрутка достигает нижней части контейнера, она начинает прокручивать саму страницу, и это не то, что я хочу. Есть ли способ предотвратить поведение? Я имею в виду, разрешить прокручивать прокрутку меню до конца, а когда это происходит, запретить прокрутку страницы, когда я прокручиваю в меню?

Обновление:

Вот пример, который имеет ту же проблему - http://jsfiddle.net/Wg8pk/.

Если вы прокрутите вниз «Опции меню», он прокрутит страницу вниз, когда меню достигнет конца.

Answer 1

Как насчет вызова event.preventDefault() для элемента, который вы прокручиваете:

$('#my-scroll-div').bind('touchmove', function (event) {
    event.preventDefault();
});

Я не уверен, к какому событию лучше привязаться, но touchmove похоже, что оно будет работать Если вы настроите jsfiddle своего кода, мы сможем дать вам лучший совет.

Answer 2

Вам нужно сделать меню фиксированной высоты, а затем использовать css для предотвращения переполнения. пользователь overflow:hidden;, который должен работать