需要在手机上做一个新手引导，但是不知道怎么让手机禁止滚动

Question

因为我的页面是嵌套在客户端里面的，是一个安卓的应用，后来需要做一个新手引导，就是第一次进入这个页面以后跳出一个全屏的图片加背景，然后点击以后消失，但是在跳出新手引导的时候，我没办法禁止页面在安卓客户端里滚动，想请请高手要怎么写，在出现后禁止滚动，在点击新手引导图片后，解除禁止滚动效果，用javascript 或者 jquery 写都可以！！！

Answer 1

切换 html 样式中 overflow-y 的值应该可以吧，比如说：

禁止滚动：$('html').css({overflow-y: hidden});
允许滚动：$('html').css({overflow-y: auto});

我猜的，你试下 t_t

Answer 2

以前做个一个类似的，但和你的流程不一样。主要思路是启用本地存储，判断用户是不是第一次进入应用，如果是第一次进入引用，就加载到新手引导页面，引导页面结束后跳转到主页面。

Answer 3

做成一屏高的不就行了，SPA不都是这么做的么

.view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hide {
display: none;
}

<div id="main" class="view"></div>
<div id="guide" class="view hide"></div>

差不多就是这么个意思吧

Answer 4

参考我的问题方法3 http://segmentfault.com/q/1010000000428710