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比屏幕看起來更長，在我刪除高度后，滾動條消失了。