如何刪除jqueymobile web應用程序中的滾動條？

Question

我正在開發一個使用jQueryMobile alpha3的移動Web應用程序。在那裏我甚至可以在每個頁面中獲取滾動條 - 儘管控件在屏幕中。

我想滾動條只有當控件熄滅屏幕，否則我必須刪除滾動條。我如何設置？有什麼方法可以指定？

Answer 1

我曾經發生過這種事，一段時間後，問題出現在某些元素的溢出問題上。您可以通過將CSS規則應用於具有滾動條的任何元素來修復它。所以，像這樣...

.ui-content{ 
    overflow:hidden; 
} 

Answer 2

嘗試This。

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);