如何防止在启动 Web 应用程序时显示滚动条

Question

我正在为 Firefox OS 开发一个 Web 应用程序，我正在为这个应用程序使用 HTML 5 和 jQuery Mobile，

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

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

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

有些页面需要滚动，有些则不需要。当我从一个页面滑动到另一个页面时，滚动条的出现将页面向一侧移动了几个像素。它也影响滑动。有没有什么办法可以避免这种情况而不在每个页面上显式显示滚动条？

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

html {
    overflow-y: scroll;
}

它在完全禁用滚动时有效，但我希望始终具有滚动能力而不显示滚动条，或者在页面加载后显示它。

Answer 1

我希望始终拥有滚动功能而不显示滚动条，或者在页面加载后显示它。

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

滚动条在文档准备就绪时创建并在文档加载时更新。据我了解，将其外观延迟到on load不会对您的问题有任何改善。