最近做的一个项目，手机端的网站，请问弹出层弹出的时候禁止页面底下的body页面内容滚动，但是同时又需要弹出层里面额内容可以滚动，这种效果怎么实现，试过获取页面的scrollTop，然后弹出层出现后给也页面scrollTop（）到滑动的位置，但是这种方法在安卓系统上（特别是小米）上运行不流畅，各位同行有没有好的方法可以解决呢？
13条回答 默认 最新
江天暮雪 2015-07-28 03:52关注我说下，不知道对不，就是给弹出层下面弄个遮罩层设置为position定位的，宽高都为100%；弹出层设置边界，让overflow为auto就可以了
解决 无用评论 打赏举报
分享
- 2018-10-24 14:17回答 2 已采纳 弹出框用position: fixed;定位，这样就算body拽动，弹出框也不会动。 还可以在弹出框显示时，将body设置overflow: hidden;，在弹出框关闭后，再取消overflo
- 2022-01-24 16:28回答 4 已采纳 $("#btn").click(function(){ var $name=$("#music-name").val();
- 2017-05-23 06:11回答 2 已采纳 你肯定是不想出现横向滚动条的吧，那就把body再加一条设置：overflow-x：hidden; 把.dojoxGridMasterView里面设置的overflow:auto!important去
- 2019-07-11 09:30这是一款基于jQuery兼容电脑手机端轻量级弹层组件代码，alert.js弹出层插件。 [removed][removed] [removed][removed] [removed][removed] [removed][removed] [removed][removed] 'style' : 'wap',...
- 2022-07-03 05:19回答 3 已采纳 前端问题打开浏览器F12，看看控制台报的什么错误。提问有代码的，使用插入代码，否则你的代码嵌入的csdn的页面中了，没法看。
- 2019-05-15 12:52回答 2 已采纳 Just echoing the script won't work here, at best your browser will end up running a script that re
- 2018-11-23 02:23回答 2 已采纳 Thanks for the answer, I got it done a little differently. Instead of a button I used a link as sh
- 2019-07-11 11:08js代码 [removed][removed] [removed][removed] [removed][removed] ...'content' : '', //内容 ...'contentTextAlign' : 'center', //...这是一款基于jQuery兼容电脑手机端轻量级弹层组件代码，alert.js弹出层插件。
- 2021-11-02 16:54回答 3 已采纳 主要问题是函数调用的顺序没理清，以及一些小的错误，如getElementById少些了个Id。修改后代码如下： <!DOCTYPE html> <html> <he
- 2015-07-25 02:38回答 4 已采纳 select.jsp通过opener得到add.jsp的window作用域，将你选择的记录直接写回add.jsp的控件，其实你代码都差不多了，只是对象搞错了 而且不要用document.al
- 2019-12-30 10:01回答 1 已采纳 如果这个弹框用的是layer 可以试试 layer.closeAll();
- 2019-07-11 09:41js代码 [removed][removed] [removed][removed] [removed][removed] ...'content' : '', //内容 ...'contentTextAlign' : 'center', /... 这是一款基于jQuery兼容电脑手机端轻量级弹层组件代码，alert.js弹出层插件。
- 2022-03-31 14:23回答 1 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
- 2018-07-16 16:09小贵子的博客的博客 手机端的一个项目，效果和汽车之家app里汽车详解的功能一样，在做的过程中遇到了弹出层的内容滚动到底部和顶部的时候，body的内容也会随之滚动，自己也是搞了好一会，最后才解决掉，办法是： 在弹出层弹出的时候给...
- 2016-10-28 17:22想成为一只喵的博客 移动端弹出层滚动时禁止body滚动 相信很多写移动端的朋友会遇到这个问题，我也遇到了，之后就辛辛苦苦的在网上找解决办法，下面我大概提一下我在网站遇到的几种办法，行不行的通呢？本人就亲测了下。如果有什么不对...
- 2017-07-19 12:00weixin_30376323的博客 文章链接：http://ask.csdn.net/questions/196544 转载于:https://www.cnblogs.com/mr-shen1234/p/7205039.html
- 2019-04-03 21:37life不进则退的博客 ######最近在制作一个弹出层效果时碰到一个问题，当遮罩弹出层显示时使用鼠标滚轮可以滚动body的滚动条。如果在弹出层里面有滚动条，将弹出层里的滚动条滑动到底部后继续滑动会导致body的滚动条滚动，在移动端手指...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 Matlab怎么求解含参的二重积分？
- ¥15 苹果手机突然连不上wifi了？
- ¥15 cgictest.cgi文件无法访问
- ¥20 删除和修改功能无法调用
- ¥15 kafka topic 所有分副本数修改
- ¥15 小程序中fit格式等运动数据文件怎样实现可视化？（包含心率信息））
- ¥15 如何利用mmdetection3d中的get_flops.py文件计算fcos3d方法的flops？
- ¥40 串口调试助手打开串口后,keil5的代码就停止了
- ¥15 电脑最近经常蓝屏，求大家看看哪的问题
- ¥60 高价有偿求java辅导。工程量较大，价格你定，联系确定辅导后将采纳你的答案。希望能给出完整详细代码，并能解释回答我关于代码的疑问疑问，代码要求如下，联系我会发文档