iScroll帶有頁腳和標題固定

如果輸入http://gizeto.se/app_yellow/index.html，您可以看到iScroll滾動整個頁面。您可以看到滾動條位於頁眉和頁腳上。滾動條應該只滾動內容，而不是包含的頁眉和頁腳。iScroll帶有頁腳和標題固定

我wan't因爲我需要固定的頁腳不使用位置，使這項工作：固定 - 這仍然例如不工作在Android 2.1

我用iScroll 4，我的JS代碼裏面是我的數據角色=「內容」分區：

  $(document).ready(function() { 

       var myScroll = new iScroll('content'); 
       $(window).bind('resize', function() { 
       // I also tried setting a height on the content div, but that didn't work either. Its commented out. 
       //$.mobile.activePage.children('[data-role="content"]').height('200px'); 

        myScroll.refresh(); 

       }); 
      });

我的數據角色=「頁面」元素有數據iscroll =「啓用」屬性，以及我對滾動部分HTML代碼：

<div data-iscroll="scroller" class="scroller"> 
     <div data-iscroll="scroller"> 
     <h3>Välkommen</h3> 

     <div style="text-align:center;"> 
     <img src="images/video.png" style="width: 100%; height: 100px;" class="rounded" title="" /> 
     </div> 
     <br /> 

      Ticker AB är en arkitekturbyrå som arbetar inom ett brett fält av projekt, från stadsplanering till bostäder via kontor och handel. Vår styrka ligger i våra idéer och vår förmåga att hitta nya, ofta oväntade lösningar som stärker platser och ökar fastigheters värde.  <br /><br /> 
      Vi följer den globala utvecklingen inom hållbar samhällsutveckling och arbetar aktivt för att integrera hållbara lösningar i alla våra projekt. 


     </div> 
    </div>

爲什麼iScroll會滾動洞頁而不僅僅是內容，這樣我的頁腳就可以在不使用position的情況下保持完全固定：fixed在所有移動瀏覽器中都不支持。

來源

2012-01-13 Fernando Redondo

你應該檢查JQM滾動型http://jquerymobile.com/test/experiments/scrollview/ – 2012-01-13 14:32:21

@PhillPafford頁腳沒有固定在那裏，當你停止滾動時，它淡入淡出，這不是一個「本地解決方案」，因爲我希望它是。這就是iScroll存在的原因，對嗎？ – 2012-01-15 11:03:31

也會檢查jqm 1.1上的新jqm博客文章，其中將包含修復後的固定頁眉/頁腳。 – frequent 2012-01-15 19:23:00

截至目前，頁眉和頁腳無法在jquery移動應用程序中修復，如iscroller。背後的原因是，頁眉和頁腳放在jquery移動應用程序的頁面div內，在iscroller應用程序中頁眉和頁腳不是頁面div的一部分。但是，如果我們嘗試將頁眉和頁腳保留在jquery移動應用程序的頁面div之外，則可能會導致錯誤，如禁用文本框等。

來源

2012-01-16 09:21:05