Как убрать полосу прокрутки в веб-приложении jqueymobile?

Question

Я разрабатываю одно мобильное веб-приложение с использованием jQueryMobile alpha3. В этом я получаю полосу прокрутки на каждой странице, хотя элементы управления находятся на экране.

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

Answer 1

У меня тоже это было какое-то время, проблема была в переполнении некоторых элементов.Вы можете исправить это, применив правило CSS к любому элементу с полосами прокрутки.Итак, как-то так ...

.ui-content{
    overflow:hidden;
}

Answer 2

попробуй Это .

CSS

body, html, div
{
width:100%;
height:3000px;
overflow:hidden;
}

JQuery

$("div").bind("mousewheel",function(ev, delta) {
    var scrollTop = $(this).scrollTop();
    $(this).scrollTop(scrollTop-Math.round(delta * 20));
});

Библиотека

(function(c){var a=["DOMMouseScroll","mousewheel"];c.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var d=a.length;d;){this.addEventListener(a[--d],b,false)}}else{this.onmousewheel=b}},teardown:function(){if(this.removeEventListener){for(var d=a.length;d;){this.removeEventListener(a[--d],b,false)}}else{this.onmousewheel=null}}};c.fn.extend({mousewheel:function(d){return d?this.bind("mousewheel",d):this.trigger("mousewheel")},unmousewheel:function(d){return this.unbind("mousewheel",d)}});function b(f){var d=[].slice.call(arguments,1),g=0,e=true;f=c.event.fix(f||window.event);f.type="mousewheel";if(f.wheelDelta){g=f.wheelDelta/120}if(f.detail){g=-f.detail/3}d.unshift(f,g);return c.event.handle.apply(this,d)}})(jQuery);