如何防止在启动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不会对您的问题有任何改善。