出现页面加载器时，在jquery mobile中禁用滚动

Question

当我的加载程序出现在jquerymobile phonegap应用程序中时，我需要禁用触摸和滚动。我在Html元素上打开一个加载器并使用加载器CSS类。

.loaderCont {
background-color:  rgba(255,255,255, 0.99);
height: 81%;
width:  100%;
position: fixed;
right: 0;
top: 0;
z-index: -1;
overflow:hidden;
margin-top: 20%;

}

这是我的装载程序类。 这是我的Loader.I可以在加载器上滚动时滚动背景内容。 我只需要阻止它。

Answer 1

在javascript中加载进度屏幕时，您可以禁用滚动操作，并在隐藏进度屏幕后重新启用它。为此，您可以使用以下内容：

禁用滚动：

document.addEventListener('touchmove', scrollHandler);

function scrollHandler(e){
    e.preventDefault();
}

要再次启用滚动：

document.removeEventListener('touchmove', scrollHandler);