对移动端网站开发不了解的人来说，手机端网站可能就是直接在手机上打开网站，并没有跟电脑端有什么实际的不同。但是今天尚武科技的网站制作工程师，则在这里为大家准备了，关于移动端网站开发中常见问题的讲解，可以让大家更好的深入了解。
　　
　　滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。其他网站上整理了解决方案，但有些还是存在一定的问题：
　　
　　设置overflow为hidden
　　
　
　　
　　即当弹出层弹出时在html上添加.modal-open,禁用 html 和 body 的滚动条,但实际用上就会发现：
　　
　　1.由于 html 和 body的滚动条都被禁用，弹出层后页面的滚动位置会丢失，需要用 js 来计算原来滚动的位置，在弹出时保持滚动位置；
　　
　　2.在页面的背景还是能够有滚动的效果
　　
　　js 之 touchmove + preventDefault
　　
　　　　
　　即通过阻止移动端touchmove事件，但实际用上会发现弹出层需要滚动时也会被阻止。

　　
　　最后解决方案：position: fixed
　　
　　　　
　　这种方式同样当弹出层弹出时滚动条会丢失，所以还需要使用js来保存滚动条的位置，在关闭弹出层时将滚动位置还原；
　　
　　
　　
　　以上就是石家庄尚武科技的移动端网站建设工程师为大家解决“关于移动端网站开发中滚动穿透问题”的相关介绍，帮助大家可以更好的了解我们的网站制作与开发。