jquery - iScroll 固定页脚和页眉

Question

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

我不想让这个工作，因为我需要固定页脚而不使用position:fixed - 这仍然不适用于例如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，目前所有移动浏览器尚不支持position:fixed。

Answer 1

也许可以尝试这个小部件插件，以更清晰地集成 iScroll 和 JQuery Mobile:

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