javascript - jQuery Mobile 禁用页面内容垂直滚动

Question

如何在 jquery mobile 中禁用垂直内容滚动？我想禁用页面内容的所有滚动。谢谢。

---

我创建了 jquery.mobile 页面并在内容中添加了 jquery.mobile.scrollview。当我使用 ScrollView 时，我的页面内容滚动到顶部和底部。如何禁用滚动内容？我的页面代码:

<div id="page2" data-role="page" align="center">
    <div data-role="content">
        <div id="mydatacontent" class="form">
            <div class="data-table-shadow" data-scroll="y" class="square single-block-view-v" style="height: 750px;">
               <table id="datatable" class="data-table">
                   <tbody id="datatableContent">
                       <!-- Table Data Here -->
                   </tbody>
               </table>
           </div>
        </div>
    </div>
</div>

Answer 1

我发现上面的答案运行良好。但是，这将阻止在“.ui-content”的子元素上滚动。我用

"scrollstart"

改为事件，子元素仍然可滚动。

$(document).delegate(".ui-content", "scrollstart", false);

在 iOS6 webview 上测试。