jQuery移动数据角色页面或内容中的怪异滚动

Question

我有一个jQuery的移动页面如下

<div id="main_template_wrapper">
    <div data-role="header" class="header" data-position="fixed">
        <h1>中文</h1>
    </div><!-- /header -->
    <div data-role="content" class="content">
        <a href='#userprofile' data-role="button">userprofile</a>
        <a href='#login' data-role="button">login</a>
        <a href='#tutorial/1/1' data-role="button">tutorial</a>
        <a href='./spec.html' data-role="button">Jasming</a>
    </div><!-- /content -->
    <div data-role="footer" class="footer" data-position="fixed">
    </div><!-- /footer -->
</div>

当我在ios设备上看到此页面时，总是会在右侧出现一个怪异的滚动条，您可以在其中滚动一点，原因以及解决方法。

Answer 1

好。 经过一些修复后，似乎在index.html视口中，我设置了height = device-height，这导致了此错误，device-height比屏幕看起来更长，在我删除高度后，滚动条消失了。