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