使用iScroll和Jquery Mobile。

我有一個用html5和jquery mobile創建的簡單對話框。它如下：使用iScroll和Jquery Mobile。

<div data-role="dialog" id="page2" data-theme="a"> 

      <div data-role="header" class="header"> 

       <h1>Door Styles</h1> 

      </div><!-- /header --> 

      <div data-role="content" data-theme="a"> 


      <div id="wrapper"> 

       <div id="scroller" class="scroll"> 

        <ul data-role="listview" id="mylist"> 

        </ul> 

        </div> 

       </div> 

      </div><!-- /content --> 

      <div data-role="footer" class="footermodal"> 

       <h1>↕ Please Scroll ↕</h1> 

      </div><!-- /footer --> 

     </div>

我實現iScroll的原因是因爲在Android 2.2.2中對話框不可滾動。但是，當我實現它時，幾乎將我的頁眉和頁腳移出屏幕。當你滾動時，只要你放開它，它就會彈回到頂端。我用它執行它：

<script type="text/javascript"> 

var myScroll; 
function loaded() { 
    myScroll = new iScroll('wrapper'); 
} 

    window.addEventListener('load', setTimeout(function() { loaded(); }, 200), false); 

      </script>

這似乎是Jquery樣式和iScroll樣式之間的衝突。有沒有其他人有這個問題？或知道如何解決它？

來源

2012-09-20 Bohdi

類似的問題在這裏：http://stackoverflow.com/questions/12512879/touchmove-and-scrollable-content-using-jquery-mobile-and-phonegap-in-android/12532548#12532548 – Ouadie

您需要在創建元素後安裝元素。

newElement = function() {$ ("body"). append ('<div id='wrapper'> content </ div> ");loaded(); }

來源

2013-02-24 19:42:34

#wrapper { position: absolute; top: 0px; bottom: 0px; }

我只是遇到了這個問題，並固定它，請確保您的包裝div的位置是絕對的或固定的，而頂部和底部的定義。

來源

2013-08-14 08:40:53 Aloong

使用iScroll和Jquery Mobile。

回答

相關問題