Question

如果输入http://gizeto.se/app_yellow/index.html，您可以看到iScroll滚动整个页面。您可以看到滚动条位于页眉和页脚上。滚动条只应滚动内容，而不是包含的页眉和页脚。

我不想做这项工作，因为我需要固定的页脚而不使用位置：固定 - 这仍然不适用于Android 2.1

我使用iScroll 4，我的JS代码在我的data-role =“content”div中：

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

                });
            });

我的data-role =“page”元素具有data-iscroll =“enable”属性，滚动部分的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，这在所有移动浏览器中都不支持。

Answer 1

也许可以试试这个小部件插件，以便更好地集成iScroll和JQuery Mobile：

https://github.com/watusi/jquery-mobile-iscrollview

Answer 2

截至目前，页眉和页脚无法在jquery移动应用程序中修复，如iscroller。这背后的原因是页眉和页脚放置在jquery移动应用程序的页面div中，如在iscroller应用程序中的标题并且页脚不是页面div的一部分。但是如果我们尝试在jquery移动应用程序中将页眉和页脚保持在页面div之外，则可能会导致错误，例如禁用文本框等。

Answer 3

请原谅我，如果这太明显了，只是因为它没有包含在你的代码示例中我想我会问......你是否在你的data-role =“content”div中添加了“content”的id？这显然是你的iscroll容器应该是什么，但内容div在jqmobile文档中没有div id：

Jquery Getting Started

如果您已经添加了该ID（我确信您可能已经拥有），我肯定会使用pageInit（）代替$（document）.ready（）来查看Phill Pafford的评论。

带有页脚和标题的iScroll已修复

3 个答案: