禁止滑动-手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动

问题描述

手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动
最近做的一个项目,手机端的网站,请问弹出层弹出的时候禁止页面底下的body页面内容滚动,但是同时又需要弹出层里面额内容可以滚动,这种效果怎么实现,试过获取页面的scrollTop,然后弹出层出现后给也页面scrollTop()到滑动的位置,但是这种方法在安卓系统上(特别是小米)上运行不流畅,各位同行有没有好的方法可以解决呢?

解决方案

我说下,不知道对不,就是给弹出层下面弄个遮罩层设置为position定位的,宽高都为100%;弹出层设置边界,让overflow为auto就可以了

解决方案二:
请问现在问题解决了吗

解决方案三:
兄台 我也遇到了相同的问题 啊 你解决了吗

解决方案四:
不知道现在解决了么?用楼上的方法确实 整个页面会 跳到顶部去 引入iscroll.js倒是可以解决 但是 总感觉 这办法太。。。

解决方案五:
可以 在弹出层弹出的时候 给body 加样式 height:100%;overflow:hidden;

解决方案六:
LZ解决这个问题了吗?

时间: 2024-11-27 00:12:43

禁止滑动-手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动的相关文章

完美解决弹出网页或不定时弹出网页的办法_应用技巧

启动时弹出对话框   1.系统启动时弹出对话框,通常是一些广告信息,例如欢迎访问某某网站等.   2.开机弹出网页,通常会弹出很多窗口,让你措手不及,恶毒一点的,可以重复弹出窗口直到死机.   解决办法:弹出对话框,打开注册表编辑器,找到   HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Winlogon  主键,然后在右边窗口中找到"LegalNoticeCaption"和"LegalNoticeT

js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例

  这篇文章主要介绍了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件,实例分析了javascript多种弹出层效果的实现技巧,非常具有实用价值,需要的朋友可以参考下 完整实例代码点击此处本站下载. 用法 ? 1 2 3 4 5 6 7 8 <input type="button" id="btn_dialog" value="打开浮层"/> <div id="dialog-content" style

基于zepto或jquery的手机端弹出框成功,失败,加载特效

下载地址: http://download.csdn.net/detail/cometwo/9436014) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maxim

win7通过cmd命令禁止文件启动时弹出警告窗口的方法

  现在电脑中都会安装很多的杀毒软件,对自己的电脑进行保护,以防一些文件对电脑进行恶性的破坏,这对于系统来说是件好事,可以有效保护我们的电脑,但是每一次打开一个未知文件的时候,都会弹出安全警告提示窗口,很多情况下该文件对于电脑并没有任何的威胁,每次都会跳出各种提示,让用户看的很心烦.那么怎么才能让安全警告提示窗口不再弹出呢?下面小编就以win7系统为例,教大家Win7如何使用命令禁止文件启动时弹出警告窗口. win7通过禁止文件启动时弹出警告窗口的方法 1.使用组合快捷键win键+r键打开运行窗

iteminserting-detailsview insert 检查出未输入textbox时 如何弹出提示讯息加遮罩层?

问题描述 detailsview insert 检查出未输入textbox时 如何弹出提示讯息加遮罩层? 两个东西, detailsview里输入资料, 存进gridview里, 资料来源是用access资料表 , 其中gridview有加上updatepanel , detailsview已经转成样板.. 目前后端代码是这样 protected void DetailsView1_ItemInserting(object sender, DetailsViewInsertEventArgs e

jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】_jquery

本文实例讲述了jQuery实现带遮罩层效果的blockUI弹出层.分享给大家供大家参考,具体如下: 首先先附上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:

点击弹出层外区域关闭弹出层jquery特效示例_jquery

点击弹出层外区域关闭弹出层jquery特效,废话不说,上代码,简洁明了: 复制代码 代码如下: <html> <head> <style> .hide{display:none;} .con{width:500px;height:300px;background:#000;} </style> <title>点击弹出层 ,点击弹出层外区域关闭弹出层jquery特效</title> <script type="text/

遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)_jquery

首先给大家展示演示效果: 基于JavaScript的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定.反应快速.代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错. js代码 示例一: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>弹出层并可

利用arcgis api for javascript实现在地图上点的弹出(我的信息弹出不了)

问题描述 利用arcgis api for javascript实现在地图上点的弹出(我的信息弹出不了) 2C <!DOCTYPE html> Simple Map <style> html body #map { height: 100%; width: 100%; margin: 0; padding: 0; } body { background-color: #FFF; overflow: hidden; font-family: ""Trebuchet