如何禁止ios上浏览器滚动条-CSDN论坛

论坛帮助

CSDN论坛 > 移动开发 > iOS

如何禁止ios上浏览器滚动条 [问题点数：40分，结帖人yongzhe1230]

⋅入职大连富达（FIL）发帖纪念一下 ⋅请教大家民营的军工企业怎么样 ⋅纠结中，是不是要跳槽，跪求帮助。 更多帖子 关注空间博客 yongzhe1230 本版专家分：0 结帖率 93.75%: 我现在做了一个html的网页得禁止浏览器上网页滚动我用这个css样式
"overflow-x":"hidden", "overflow-y":"hidden"
在android上好用，但是在ios上不好用，ios怎么能禁止滚动条？？？

0 2013-07-24 15:13:56

回复数 5 只看楼主引用举报楼主

yongzhe1230 本版专家分：0: 难道ios上在前段不能控制滚动条？

0 2013-07-24 17:15:56

只看TA 引用举报 #1 得分 0

解决移动端出现弹窗背景禁止滚动（阻止苹果浏览器的默认行为）添加js样式： $(“.zzc”).on(“touchmove”,function(){ 　　　　event.preventDefault(); }); 注意：.zzc是遮罩层的名字

Night-Wish 本版专家分：304: 用oc代码是不能控制滑动的，你还是在html后台设置

0 2013-07-25 10:59:45

只看TA 引用举报 #2 得分 40

javascript禁用浏览器滚动条有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置： document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条 document.body.parentNode.styl

⋅入职大连富达（FIL）发帖纪念一下 ⋅请教大家民营的军工企业怎么样 ⋅纠结中，是不是要跳槽，跪求帮助。 更多帖子 关注空间博客 yongzhe1230 本版专家分：0: 引用 2 楼 zhuzhihai1988 的回复:
用oc代码是不能控制滑动的，你还是在html后台设置

你说的oc代码是objectC吗？你的意思就是用css或者html控制不了滑动吗？用js或者jquery能控制吗？

0 2013-07-25 14:34:08

只看TA 引用举报 #3 得分 0

在移动端，教你如何在可以滚动的div上禁用默认浏览器滚动（橡皮筋效果）自己在用vue-waterfall-easy这个插件写移动端瀑布流的时候，发现他自带的下拉刷新非常难用(基本不可用)，原因是每次下滑都会触发浏览器的橡皮筋效果，下拉刷新的功能根本拉不出来，这很尴尬，于是百度了许久，终于找到一个合适方法，现在为了纪念一下这个砸电脑砸手机的冲动时刻，特此保留以后使用以及帮助更多人。如有疑问，或者更好的解决方法，直接留言哦！！！ //全局监听 ...

⋅关于CFReadStreamScheduleWithRunLoop问题 ⋅在做ftp功能时，遇到kCFStreamEventErrorOccurred ⋅做ftp时，为什么kSCPropNetProxiesFTPPassive和SCDynamicStoreCopyProxies被指出不可用 更多帖子 关注空间博客 Night-Wish 本版专家分：304: 引用 2 楼 zhuzhihai1988 的回复:
用oc代码是不能控制滑动的，你还是在html后台设置

我记得应该是用css控制页面是否具备滚动的效果，具体怎么设置我不知道(公司做后台的弄的)，反正用UIWebview就算设置了它的scrollview的滑动属性为NO，但网页如果允许滑动的话，还是照样滑动

0 2013-07-25 15:50:37

只看TA 引用举报 #4 得分 0

移动端浏览器禁止出现横向滚动条 html,body{overflow:hidden;overflow-y:auto;} 亲测，问题已解决

⋅入职大连富达（FIL）发帖纪念一下 ⋅请教大家民营的军工企业怎么样 ⋅纠结中，是不是要跳槽，跪求帮助。 更多帖子 关注空间博客 yongzhe1230 本版专家分：0: 引用 4 楼 zhuzhihai1988 的回复:
Quote: 引用 2 楼 zhuzhihai1988 的回复:

用oc代码是不能控制滑动的，你还是在html后台设置

我记得应该是用css控制页面是否具备滚动的效果，具体怎么设置我不知道(公司做后台的弄的)，反正用UIWebview就算设置了它的scrollview的滑动属性为NO，但网页如果允许滑动的话，还是照样滑动

我没做过ios的开发，我们只是用jquerymobile做了一些页面，我用$(document.body).css({ 'overflow-x':'auto', 'overflow-y':'auto'})"可以让滚动条隐藏，这个只是在android和电脑浏览器上好用，只是在iphone上不好用，我在网上查说iphone上没有滚动条这个概念，所以现在不知道怎么办了。

0 2013-07-25 16:23:52

只看TA 引用举报 #5 得分 0

收藏帖子

禁用ios浏览器页面上下滚动回弹效果: 网上找了各种方案测试都有各种问题，最后整理一个完整亲测有效的方案分享出来 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-wi

移动端浏览器和微信浏览器上禁止body的滚动条: 一般禁止body滚动的做法就是设置overflow:hidden。但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用，然后我分析了我的写法，就是在body上加了一个class去定义属性，然后改成标签的定位，如body{overflow:hidden;}，这个实现是可以的，没有滚动条。再进一步分析，如果要用class去实现没有滚动条，如下代码设置：.index_body { overf...

解决IOS 系统浏览器 html scroll-x 不起作用的办法: 解决IOS 系统浏览器 html scroll-x 不起作用的办法在做html5 进行网页编写时，有时候会用到让水平方向滚动显示内容的情况，使用传统的 overflow:scroll-x的办法，在IOS的浏览器不支持，解决的办法是可以用-webkit-overflow-scrolling: touch;overflow-y: scroll;-webkit-overflow-scrolling: to

禁止ios浏览器页面上下滚动 (橡皮筋效果): 在ios任何版本的浏览器（包括ios微信内置的浏览器），滚动页面的时候会出现整个页面上下滚动的效果（百度说是橡皮筋效果），虽然不耽误使用，但是让人心烦，所以要禁止掉这个行为。有两种方法可以解决这个问题：（推荐使用第二种方法） 1.用fixed定位来解决解决思路：这个就是把html,body设置width: 100%; height: 100%; position: fixed;top:0...

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景的解决方案。: 在iOS的微信,QQ,Safari等浏览器, 列表顶部下拉和底部上拉露出浏览器灰色背景。针对此问题，在一些移动端页面下拉、上拉过程导致浏览器底部露出背景。在一定程度上会影响用户的正常操作以及用户体验。省下好多喝茶的片刻，以及找过网上类似的解决方法。终于想到一套能够很好解决此类问题的办法！需要解决此刻需求的朋友参考文章，提供给大家思路以及参考学习。具体实现步骤以及

禁用浏览器滚动事件（不隐藏其滚动条）: function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable', function(e) { $(document).scrollTop(top); }) }, function reScroll() { $(document).off('scr

javascript禁用启用浏览器滚动条: 有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置： document.body.parentNode.style.overflow = "hidden";//隐藏且禁用横向纵向两个滚动条 document.body.parentNode.sty...

js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件: 1、禁止浏览器滚动 document.addEventListener('touchmove', function (event) { event.preventDefault(); }, false); document.addEventListener('touchmove', function (event) { window.event.returnVa

阻止浏览器滚动（android/ios）: document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果) }, {passive: false}); //passive 参数不能省略，用来兼容ios和android...

移动端去除横向滚动条问题，兼容ios: 问题描述：已经设置： .selector::-webkit-scrollbar { display: none }在浏览器上面横向滚动条已经消除，安卓上面也消失了，但是ios上面仍然有解决办法：原理：ios无法直接让滚动条隐藏::-webkit-scrollbar {display: none;}是没有用的，所以我的思路就是让滚动条离远点超出父元素的范围，在通过隐藏父元素的超出部分让滚动条消失。由...

阻止微信浏览器下拉滑动效果（ios11.3 橡皮筋效果）: 在升级到 ios11.3 系统后，发现之前阻止页面滚动的代码e.preventDefault代码失效了。于是自己折腾了一番，找到了解决办法，分享给大家。一、前言 浏览器在移动端有一个默认触摸滚动的效果，让我们感触最深的莫过于微信浏览器里面，下拉时自带橡皮筋的效果。然而在开发的时候我们经常需要阻止此效果。在此先直接给一个方案，直接加上下面的代码即可： document.body.a...

js禁止滚动条滚动并且隐藏滚动条: 禁止鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return false;} 恢复鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return true;} 禁止键盘控制滚动条滚动 document.body.onkeydown = function (e) { ...

解决Web移动端Fixed布局的方案（防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js）: 一些细节处理在细节处理上，其实还有很多要注意的，挑几个实际遇到比较大的问题来说一下：有时候输入框 focus 以后，会出现软键盘遮挡输入框的情况，这时候可以尝试 input 元素的 scrollIntoView 进行修复。在 iOS 下使用第三方输入法时，输入法在唤起经常会盖住输入框，只有在输入了一条文字后，输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时

微信浏览器禁掉上下滑动（必看）: 最近用mui+vue做了一个公众号系统，mui-scroll 的滚动和微信浏览器的上下滑动滑动冲突，会引起页面卡顿，无论怎么调整阻尼系数，问题依然存在，而且，比较坑爹。网络查了好久，各种阻止依然不可用，浪费太多时间，在突然的看了一篇文章里，在浏览器阻止滚动下方，加了个passive：false 居然实现了我要的效果。虽然不明白为啥，但是很开心，分享给大家。 //阻止浏览器默认滑动 ...

javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题: javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题

Ionic3取消滚动条 --记录: 在全局scss文件 app.scss文件中添加 ::-webkit-scrollbar { display: none !important; }

禁止滚动条滚动和移除禁止: 这个东西的需求是我做的一个类轮播点击切换的时候用到的，具体是这个切换功能在底部，然后我每次点击他喵的滚动条会自己滚上去，然后我也不知道什么问题，所以就简单粗暴的用禁止滚动条滚动，等切换完成了再移除禁止。 //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll...

完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题: 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题

H5页面出现弹窗时，阻止滚动条滚动: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;meta name="viewport" content="width=device-width,init

fixed弹出层滚动区域滑动时阻止window窗体的滚动事件: web浏览器中，当我们出现一个浮层，浮层里面也有滚动条的时候，且有部分背景半透明的时候，就会发现，当我们滚动浮层里面的小滚动条的时候，背后整个页面都跟着一起滚走了。方案1：监听浮层的touchstart,touchmove事件, 计算浮层滚动区域的最大滚动区域，在touchmove事件中判断规则，根据情况阻止默认事件(popup_box_scroll为浮层滚动区域的id) 依赖方...

jquery 禁止滚动条滚动，并且滚动条不消失，页面大小不变: //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) } //移除禁止滚动条滚动 function r...

iOS---隐藏滚动条: //隐藏滚动条 self.tableView.showsVerticalScrollIndicator = NO;

JS阻止浏览器滚动事件: 在前几天的项目中，场景值如下： 1.动态生成列表，列表高度不固定 2.外面父元素的属性设置为overflow:auto; 3.鼠标移动到列—li中的a上,出现选择列表，鼠标在列表上，列表不消失 4.当鼠标放置到出现的列表上时，再滚动滑轮，因为出现的列表为是根据标签a的位置来进行定位的，所以滚动的时a页面在滚动，但列表位置虽然没变，但与原来a标签相符合的位置却变了因为父元素ov...

移动端禁止浏览器上下拉回弹，修复iOS最顶或最底时滚动卡顿: 一、场景：在移动端各别浏览器中，滚动页面到最顶或最底部继续拉动touchend时会出现页面上下回弹，在iOS中还会在此时出现滚动卡顿。二、主要代码（本文以Vue为框架进行表达） 1. 结构 &lt;div class="box"&gt; &lt;div class="section" ref="sectionBox" @touchstart="touchstart" @touc...

去除浏览器自带滚动条: style='overflow:-Scroll;overflow-y:hidden' 隐藏纵向显示横向隐藏浏览器自带滚动条 ::-webkit-scrollbar{ display:none; }

禁止浏览器 移动端水平滚动条: 禁止浏览器 移动端水平滚动条 html,body{overflow:hidden;overflow-y:auto;}

ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法: 一. 运行环境： iphone所有机型的qq浏览器，safari浏览器，微信内置浏览器（qq浏览器内核）等。二. 异常现象： 1. 大幅度上下滑动h5页面，然后停止滑动，有时候会影响到页面滚动，如局部滚动条； 2. 大幅度上下滑动h5页面，页面中的悬浮层，如头部，底部菜单之类需要固定在指定位置的层不会随着挣个界面滑动；如果对前端的定位方式不太熟练的话，甚至会出现悬浮层的框架与内容相分离的

微信body和弹出层都有滚动条，overflow:auto失效解决方案。: 1. 禁止body滚动后，弹出层滚动overflow:auto失效； var DivScroll = function( layerNode ){ //如果没有这个元素的话，那么将不再执行下去 if ( !document.querySelector( layerNode ) ) return ; this.popupLayer = docume...

iphone/微信手机端页面弹窗后禁止蒙版滑动: submit-mask是蒙版

UIWebView隐藏右侧和底部滚动条，去掉滚动边界的黑色背景,禁止左右滑动: UIWebView隐藏右侧和底部滚动条，去掉滚动边界的黑色背景,禁止左右滑动

ionic3 滚动页面时 (ios) safari橡皮筋效果: -webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert]; 用ionic3做手机通讯录，拖动右边字母索引控制联系人(scroll-content元素)滚动时，在ios中ionic页面会跟着一起滚动。原因就是： 1、ios 中ionic内置浏览器为Safari， 2、她实...

Safiri浏览器：禁止滚轮滑动事件: //判断是safari并执行 if (userAgent.indexOf("Safari") &gt; -1) { $(document.body).attr('ontouchmove','event.preventDefault()'); // return "Safari"; } // 去除禁止滚轮事件 if (userAgent.indexOf("Sa...

移动设备禁止h5页面滚动: document.body.addEventListener('touchmove', function (event) { event.preventDefault(); }, false);

CSS禁用滚动条: CSS禁用滚动条 如此设置： body{ overflow-y: hidden; overflow-x: hidden; }

在IOS系统上，滚动条滚动到指定的位置出现空白页面的解决方案: 原因： -webkit-overflow-scrolling:touch 解释：由于使用-webkit-overflow-scrolling这个属性，苹果手机会使用硬件加速，从而促使页面滑动得更加流畅，然而也导致了页面出现空白的情况。解决办法：滚动之前，先设-webit-overflow-scrolling的属性值为auto，然后页面滚动完了，再设为touch即可。

微信浏览器自带的返回上一页的停留位置 scrollTop: 我们做过微信的应该都知道，微信自带的返回上一页，就是重新打开页面。并不是返回历史页面。我们PC端的浏览器是返回历史页面。点击返回页面之后上一个页面的scrollTop还是之前没有进入新页面的位置。我看了下京东的微信网站。果然和我想到的方法一样。利用sessionStorage HTML5本地存储进行存储位置scrollTop以及加载了多少次ajax次数微信返回上一页（当前页面）之后。就会

阻止在div上滚动滚动条，到底部和顶部带动整个页面的滚动条: document.getElementById('mainbox').onmousewheel = function(event) { //当前的div的id为‘mainbox’ if (!event) event = window.event; console.log("scrollTop:"+this.scrollTop);//当前div的

jq禁止滚动条滚动，隐藏滚动条: $('body').css({ "overflow-x":"hidden", "overflow-y":"hidden" });

jQuery JS 禁用滚动条和启用滚动条: CSS： .lock { overflow: hidden; touch-action: none; } .lock body { overflow: hidden; touch-action: none; ma

禁止ios端手机safari浏览器识别数字为link的可拨打电话: 当在界面上输入一长串数字后，在ios端手机的Safari浏览器识别后为带有样式的下划线数字，点击可拨打电话 禁止该处理方式，可以在head标签内加入该段代码 &lt;meta name = "format-detection" content = "telephone=no"&gt;...

阻止微信浏览器的下滑出现空白事件: var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop , totalScroll = el.scrollHeight , currentScroll = top + el.offsetHeight; //I

Safari低版本不兼容滚动条解决方案: Safari低版本浏览器没有将CSS3中的一些属性定义标准，设置ifarme或者DIV滚动条会出现无法滚动的异常，可增加下面的代码即可解决： div style="-webkit-overflow-scrolling:touch;overflow:auto!important;height: 300px"> div>这里是需要滚动的内容div> div> 核心代码： -we

vue如何禁止弹窗后面的滚动条滚动？: methods : { //禁止滚动 stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 }...

移动端 -- 禁止苹果微信浏览器的下拉回弹: 需求：实现页面中有个可拖动的悬浮球问题：在ios中，由于微信浏览器存在下拉回弹的特性，所以悬浮球拖拽的时候会引起整个页面的拖动，所以需要禁止掉浏览器默认事件，这样在拖动悬浮球时就不会出现问题了解决办法：（1）最简单粗暴的方法，就是禁止掉浏览器整个页面的滑动 document.body.addEventListener('touchmove', function (e) { ...

js取消浏览器对页面滚动条位置的记录: 问题描述：项目提出bug，当正在浏览页面的时候点击返回首页此时页面停留在页面顶部，然后立即刷新，页面会回到刚才浏览的部分。期望：当浏览时刷新可以保存滑动条的位置但是当点击首页的时候不需要保存问题出现原因： 浏览器在导航跳转和通过 History API 创建历史记录时，都会记录当前的垂直滚动距离，在重新访问时恢复这个距离。问题解决办法： 1、初级版 $(&amp;amp;quot;.toI...

ios上iFrame滚动条失效: 在做公户号的时候，有一个页面引入了IFrame。然后出现了一个很尴尬的问题，iframe不出现滚动条，而且在屏幕高度以外的内容都被截掉了。百度之后，找到了解决方案，亲测可行~要点只要两个：1.将iFrame包裹在一个div中；2.给这个div赋予一个已出滚动样式。以下给出代码：jsp部分：&lt;div class='scroll-wrapper'&gt;&lt;iframe src='***' ...

完美解决safari、微信浏览器下拉回弹效果和上拉空白的bug: var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll = top + el.offsetHeight;

方向键移动元素位置，如何禁止父容器滚动条的滚动: 一. 问题方向键移动div元素位置，父容器的滚动条会出现滚动。我们需要效果，移动元素的时候，父容器不能滚动。二. 解决方法在键盘监听事件中，我们需要加上这样一行代码就可以了。这个preventDefault()方法，阻止元素发生默认的行为。 event.preventDefault();添加这个方法我们需要注意，它的位置很重要，放到我们需要注销该功能的地方，不然会禁止一切的键盘功能。...

CSS 禁用滚动条: CSS 禁用滚动条如此设置：body{ overflow-y: hidden; overflow-x: hidden; }

ionic3 踩坑、滚动页面时 (ios) safari橡皮筋效果: -webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert]; 用ionic3做手机通讯录，拖动右边字母索引控制联系人(scroll-content元素)滚动时，在ios中ionic页面会跟着一起滚动。原因就是： 1、ios 中ionic内置浏览器为Safari， 2、她实现了-webki...

微信浏览器如何禁止iPhone手机上下滑动网页: 转自：https://segmentfault.com/q/1010000002977656 禁止 touchstart 的默认事件 $('body').on('touchmove touchstart', function (event) { event.preventDefault(); });

禁止UIWebView滚动和回弹方法: 精致uiwebview滚动和反弹的方法其实也很简单，但是有个问题是，在html中又滚动的视图的话，也会被禁止，要用css 来在html自己实现了。我个人建议还是不要设置这样的属性在iOS 5 之前比较麻烦： - (void)disableBounce { for (id subview in self.subviews) if ([[subview class

H5移动端ios 滚动优化: 常会遇到业务场景： 禁止iOS的弹性滚动、禁止微信H5页面下拉。 H5页面ios滚动卡顿。 H5页面内去除弹性滚动。表格第一行和第一列固定其他区域滚动常用做法：利用css3 的动画利用ios 特有属性 -webkit-overflow-scrolling : touch 那么问题来了，如果用好这两个点呢？自己写的代码太烂，还是大神们写的代码好用，去npm、百度上找一找，我把找到的

移动端阻止页面拖动: document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果) }, {passive: false}); //passive 参数不能省略，用来兼容ios和android ...

去掉webView滚动条 swift: for subView in web!.subviews { var v = subView as! UIView if v.isKindOfClass(UIScrollView.self) == true { (v as! UIScrollView).sh

网页在Safari快速滚动和回弹的原理：-webkit-overflow-scrolling：touch;的实现: 现在很多的移动的HTML5网页内都有快速滚动和回弹的效果，看上去和原生应用的效率都有得一拼。要实现这个效果很简单，只需要加一行CSS代码即可： [css] 查看纯文本 -webkit-overflow-scrolling：touch; 可用以下网页测试： [html] 查看纯文本

网页嵌套在微信端滚动条不顺滑解决问题(iphone滚动条不顺滑): 网页嵌套在微信端滚动条不顺滑解决问题

如何去除浏览器的滚动条: 让竖条没有：让横条没有：两个都去掉？更简单了

移动端 html5 锁死不让滚动条滚动: 重写ontouchstart ontouchmove 事件.达到锁死滚动条不让滚的目的直接调用里面的方法就行.有注释

IOS系统下（iPhone、iPad）滚动条不能用（失效）问题: 解决办法：在iframe 父级DIV中设置样式：-webkit-overflow-scrolling: touch;即可

react-native-echarts 在手机上图表出现滚动条解决方法: 修改 native-echarts 包--&gt; src --&gt; components --&gt; Echarts --&gt; index.js 文件

禁止webview滚动: ios5里面可以用这个设置self.scrollView.scrollEnabled = NO;但是要支持全系列的机器就不能这么干了利用- (void)disableBounce { // [[[self subviews] lastObject] setScrollingEnabled:NO]; for (id subview in self.subviews){ i

微信里面防止下拉"露底"组件，touch事件: 前言在微信里面浏览页面的时候，有一个很管用的方法可以区分这个页面是原生的还是H5形式的。随便打开一个页面，用力往下扯的时候，如果页面上方出现了“黑底”，黑底上有一行诸如网页由game.weixin.qq.com提供的文字，就表明这个页面是H5形式的。这带来的问题是，如果一个页面可滚动区域很小，随便一拉，页面下方出现了黑底，然后你又轻轻往上一拉，上面的黑底又出来了，个人表示非常难受啊！于

页面弹框，禁止背景元素滚动（只禁止了mousewheel事件，鼠标还是可以拖动的）: $(document).get(0).addEventListener('mousewheel', removeWheelEvent, false); $('.middle').get(0).addEventListener('mousewheel', enAbleScroll, false); function enAbleScroll(e) { e.stopPr

微信浏览器禁止页面下拉查看网址（不影响页面内部盒子滚动）: 微信浏览器默认用户下拉,会出现页面来源,如图. 一般H5游戏中, 为了用户体验必须禁止. 注意 禁止的话,必须禁止手指触摸事件, 使得微信浏览器无法检测,但是很多情况下,我们可能在页面的某个盒子下,会有滚动条, 所以会冲突使得滚动条无法滚动. 为了禁止下拉出现网址,且不影响滚动条,看下面的代码. &lt;script&gt; window.on...

微信中禁止页面上下滑动 ios android通用亲测可行: document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); //passive 参数不能省略，用来兼容ios和android...

禁止页面滚动--完美解决方案，滚动条显示与否，手持设备兼容与否: 禁止页面滚动有三种方法 1，依靠css 将页面 document.documentElement.style.overflow='hidden'; document.body.style.overflow='hidden';//手机版设置这个。如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。但是你用键盘的上下左右键，你会发现，页面仍然可以滚动

H5 页面横向滚动条隐藏: 参考：https://github.com/o2team/H5Skills/issues/72 今天碰到的问题，请看下面的解决办法问题场景：微信 iOS 客户端 webview 下 H5 页面横向滚动条不隐藏以往的做法：通过 ::webkit-scrollbar { display: none; } 附案例： &lt;!DOCTYPE html&gt; &lt...

iOS禁止当前页面左侧滑动返回: /* 禁止当前页面左侧滑动返回导致卡死 */ -(void)viewDidAppear:(BOOL)animated{ [super viewDidAppear:animated]; self.navigationController.interactivePopGestureRecognizer.enabled = NO; }

弹出弹窗后，如何禁止底层的body滚动，适用于超长的页面(2018.11更新): 常见场景从event target入手还是直接干body吧 conclusion 常见场景在许多填写表单的页面中，都会弹出一个选择器，让你在弹窗中选择项目。有时，弹窗本身容纳不下内容，需要让它不断滚动来展示，但因为事件是冒泡的，有时就会造成底部（body 的Z-index肯定是在下面的）的内容也在滚动。这内外一起滚，就有点尴尬了。举例，下面两张图里，都有类似的问题。那

PC端/移动端如何禁止底层页面滚动: 今天在写一个首页，移动端底部有个导航按钮，导航里的选项只有在点击导航按钮时才会以弹出层/遮罩层的方式显示。如下图所示：用js和css3写完动画后，在PC上的chrome浏览器里测试手机的效果时，没有问题，鼠标拖动/滚动，遮罩层底下的body可以滚动。但是拿手机真机测试时，出现以下问题：Safiri/Andriod手机自带浏览器：遮罩层显示后，手指滑动屏幕，浏览器底部自带的导航栏会自动隐藏，遮罩层就...

iPhone Safari下iframe不显示滚动条无法滚动的解决方法: &lt;div class="dataTables_wrapper" style="-webkit-overflow-scrolling:touch;overflow:auto!important;height: 300px"&gt; &lt;iframe data-ng-src="{{formData.path}}" style="width:100%;border:0;height:...

scoll-view标签在苹果手机上显示正常安卓手机会出现滚动条: scoll-view标签在苹果手机上显示正常安卓手机会出现滚动条，只能让滚动条不显示就好了，css属性如下： ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } ...

解决iOS 10 以上safari无法禁止缩放: 亲测可用 window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function(event) { if (event.touches.length &gt; 1) { event.pr...

用JS有效解决移动w用JS有效解决移动web浏览器中HTML元素的overflow:sceb浏览器中HTML元素的overflow:scroll滚动属性失效问题...: web移动平台前端UI开发工作，兼容问题超多，今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容，但内容条数未知；如果条数过多，容器显示滚动条。这鸟需求按说是So easy，容器设死宽、高，CSS加属性overflow:scroll;完事！可拿设备去测的时候有趣了，Pc all browser正常，ios正常，android失效。泥马在android下效果与 overflow:hidden...

JavaScript禁止微信浏览器下拉回弹效果: 本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果方法1： script type="text/javascript"> var overscroll = function(el){ el.addEventListener('touchstart', function(){

禁止上滑下滑的时候出现微信浏览器的黑色背景: 在做微信h5开发的时候，当你在页面中滑动或者拖拽的时候，整个网页也会跟着动，然后会露出微信浏览器的黑色背景，还能看到域名。一般做法是这个：给body标签添加禁止滑动或者拖拽事件 document.body.addEventListener('touchmove' , function(e){ e.preventDefault(); }) 可是用了这种方法，当某个页面是需要滚动的...

浏览器尺寸改变时滚动条闪动的问题: 前几天QA突然报给我一个bug，说是点击浏览器的向下还原后，滚动条一直闪，而且右侧滚动条一直在缩小。我看到效果后，不晓得是怎么回事，以前从来没有遇到过，然后就一路的search呀后来就在js里面添加了，监控浏览器大小变化的时间，让浏览器默认overflow 为hidden，当浏览器宽度小于1000时，出现滚动条 $(window).resize(function() { var

ios禁止网页放大缩小: 移动设备升级到iOS10了，发现了自带的Safari浏览器不再识别meta viewport了。以前我们都是用这个标签来让浏览器禁用缩放的。万恶的Apple~~ 在iOS10之前都是通过 meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1

移动端端如何阻止苹果浏览器输入框默认放大事件: &lt;meta content="yes" name="apple-mobile-web-app-capable"&gt; &lt;meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"&gt;

UICollectionView-设置弹簧效果是否显示滚动条等向: -

iphone禁止上下拉露出浏览器灰色背景: document.addEventListener（"touchmove", function(e) { e.preventDefault(); }, {passive: false}）但是，这个方法会上下左右全部禁止，我们需要左右滑动禁止上下滑动会受到限制我们的思路就是需要知道手指滑动的方向上代码 ...

阻止浏览器自身滑动事件例如苹果手机的上拉下拉滑动: $(document).ready(function(){ function stopScrolling(event) { event.preventDefault(); } document.addEventListener('touchmove',stopScrolling,false); })

移动端默认显示滚动条: .list { overflow: hidden; overflow-y: auto; } .list::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); } .list::-webkit-scrol

iPhone 禁止 Safari 页面上下拖动反弹: 原文: http://www.cnblogs.com/kevoin/p/5477914.html iPhone 禁止 Safari 页面上下拖动反弹解决方法：手机端设置: 第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

delphi如何隐藏webBrowser的滚动条，如何屏蔽右键: procedure TForm1.WebBrowser1DocumentComplete(Sender: TObject; const pDisp: IDispatch; var URL: OleVariant); begin //水平垂直均可隐藏 WebBrowser1.oleobject.Document.body.Scroll := 'no'; WebBrowse

移动端弹出层滚动时禁止body滚动: 移动端弹出层滚动时禁止body滚动相信很多写移动端的朋友会遇到这个问题，我也遇到了，之后就辛辛苦苦的在网上找解决办法，下面我大概提一下我在网站遇到的几种办法，行不行的通呢？本人就亲测了下。如果有什么不对的地方或者有好的解决办法，也请告知。 1.弹出层出现时给body添加一个css样式：height:100%;overflow:hidden;弹出层消失再去掉这个类。测试结果：chrome手

IOS 浏览器端overflow：scroll overflow：auto元素无法滑动bug解决方法整理: 问题描述：此bug出现需要条件：父元素需使用绝对定位absolute或固定定位fixed，使用overflow: scroll / auto（或overflow-y: scroll / auto)，内部子元素是动态大小（例如较大的svg document，近似为内嵌iframe，等等）。bug出现原因：没有相关官方文档描述该bug。在查阅文档及自己测试的时候总结：iOS safari 会将ove...

UItextView自定义其高度，禁止滚动: /* 返回指定内容的textView控件高度 value：指定的控件内容 fontSize：指定的控件内容字号 width：控件宽度 */ - (float) heightForString:(NSString *_Nullable)value fontSize:(float)fontSize andWidth:(float)width{ UITextView *detailTe

手机端登录页，键盘弹起，导致页面滚动，scrollTop值变大: 我是用vue-cli写的项目，登录页在手机运行时，键盘收起，页面不自动下滑，今天记录下，以后备用，与大家分享下先上个代码图代码如下，可直接复制，简书代码都没有格式化，看的不清楚，看上面图吧 data() { return { scrollTop: "" }; }, mounted() { window...

解决ios10及以上 Safari 无法禁止缩放问题: 一般情况下，我们用meta 标签的viewport属性来禁止页面缩放，示例： &lt;meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /&gt; 但这种禁止缩放方式在ios10及以上safari的无效，没关系，我们还有其它方式来解决这个问题...

H5禁止弹窗页面滚动: 这篇文章讲解一下，弹窗弹出以后，如何禁止页面滑动的技巧。如下图所示，在“弹窗”弹出后页面是可以滚动的。解决方案：第一步：在点击弹框的事件中添加： $("body").addClass('prevetwinow');第二步：在关闭弹框的事件中添加： $("body").removeClass('prevetwinow');第三步：写CSS中prevetwinow的内容.prevetwinow{

jquery/js实现一个网页同时调用多个倒计时(最新的): jquery/js实现一个网页同时调用多个倒计时(最新的) 最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦! //js //js2 var plugJs={ stamp:0, tid:1, stampnow:Date.parse(new Date())/1000,//统一开始时间戳 ...

svn服务器（64位）下载: SVN服务器客户端（64位），帮助开发者很好的进行版本控制。相关下载链接：[url=//download.csdn.net/download/tmj2014/4951582?utm_source=bbsseo]//download.csdn.net/download/tmj2014/4951582?utm_source=bbsseo[/url]

复变函数辅导答案 pdf下载: 复变函数辅导 pdf 答案很详细有例题相关下载链接：[url=//download.csdn.net/download/rxsu52/2225516?utm_source=bbsseo]//download.csdn.net/download/rxsu52/2225516?utm_source=bbsseo[/url]

基于DSP的无位置传感器永磁同步电机矢量控制系统下载: 基于DSP的无位置传感器永磁同步电机矢量控制系统相关下载链接：[url=//download.csdn.net/download/icefish2010/2321280?utm_source=bbsseo]//download.csdn.net/download/icefish2010/2321280?utm_source=bbsseo[/url]

文章热词机器学习教程 Objective-C培训交互设计视频教程颜色模型设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标如何制作浏览器网页视频如何制作网页上收费视频

我们是很有底线的