对移动端网站开发不了解的人来说，手机端网站可能就是直接在手机上打开网站，并没有跟电脑端有什么实际的不同。但是今天尚武科技的网站制作工程师，则在这里为大家准备了，关于移动端网站开发中常见问题的讲解，可以让大家更好的深入了解。
滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。其他网站上整理了解决方案，但有些还是存在一定的问题：
设置overflow为hidden
即当弹出层弹出时在html上添加.modal-open,禁用 html 和 body 的滚动条,但实际用上就会发现：
1.由于 html 和 body的滚动条都被禁用，弹出层后页面的滚动位置会丢失，需要用 js 来计算原来滚动的位置，在弹出时保持滚动位置；
2.在页面的背景还是能够有滚动的效果
js 之 touchmove + preventDefault
即通过阻止移动端touchmove事件，但实际用上会发现弹出层需要滚动时也会被阻止。
最后解决方案：position: fixed
这种方式同样当弹出层弹出时滚动条会丢失，所以还需要使用js来保存滚动条的位置，在关闭弹出层时将滚动位置还原；
以上就是石家庄尚武科技的移动端网站建设工程师为大家解决“关于移动端网站开发中滚动穿透问题”的相关介绍，帮助大家可以更好的了解我们的网站制作与开发。
睿亿网络用心服务的团队，竭诚为您服务 
客服不能及时回复您，您可点击QQ进行交谈 
