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

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

我猜的，你试下 t_t

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

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

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

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

差不多就是这么个意思吧

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