為什么頁面在jquery mobile中滾動？

Question

能否請您告訴我為什么我的頁面是滾動的。我制作了一個演示，其中添加了come元素。但是我的頁面滾動了。我還添加了高度使其變得很重要但對我不起作用。

這是小提琴。 http://jsfiddle.net/nVgLM/6/如何限制滾動。

<div data-role="page" style="height: 100%" >

        <header data-role="header" data-position="fixed">
            <h1>Stacker</h1>
            <div data-role="navbar" data-iconpos="left">
                <ul>
                    <li><a href="javascript:home()" data-role="button"
                        data-icon="home" data-theme="b" data-inline="true">Home</a></li>
                    <li><a href="javascript:saveTestSuite()" data-role="button"
                        data-theme="b" data-inline="true">Save JSON</a></li>
                    <li><a href="javascript:loadScriptFile()" data-role="button"
                        data-theme="b" data-inline="true">Load Script</a></li>
                </ul>
            </div>

            <div class="headerTrash" id="headerTrash">Drop Here To Remove
                command</div>
        </header>


    </div>

Answer 1

您應該更改固定位置。

從：

<div data-role='header' data-position='fixed'>

至：

<div data-role='header'>

這應該立即解決滾動問題。