如何在启动web应用时阻止显示滚动条

Question

我正在为Firefox OS开发一个web应用程序，我正在使用HTML5和jQuery手机来开发这个应用程序，

我使用不同的页面，让用户能够在页面之间滑动

<div data-role="page" id="p1"></div>

$.mobile.changePage('#p'+i, {
    transition: "slide"
});

有些页面需要滚动，有些则不需要。当我从一个页面滑动到另一个页面时，滚动条的外观会使页面向一侧移动几个像素。这也影响了刷卡的效果。有没有办法避免这种情况，而不是在每个页面上显式地显示滚动条？

我尝试向所有页面添加滚动，但仍然有相同的问题：

html {
    overflow-y: scroll;
}

Answer 1

我希望在不显示滚动条或页面加载后显示滚动条的情况下，始终具有滚动功能。

如果滚动条不可见，您将无法使用滚动功能。您可能必须使用一些外部脚本，例如iScroll.js 或类似的脚本。

滚动条在文档就绪时创建，并在文档加载时更新。据我所知，延迟它出现在on load中不会对您的问题有任何改善。