禁止 safari， QQ 等浏览器露出背景

最新推荐文章于 2021-02-03 16:46:11 发布
最新推荐文章于 2021-02-03 16:46:11 发布
阅读量226 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fantian001/article/details/85377697
版权
  1. 网上很多监听 touchmove , 调用 preventDefault 的方法，对页面整体影响整体比较大，只适用于单一的情况
  2. 对滚动的元素设置 fixed 定位，例如body, 只适用于 html, body 这种底层的整体背景
  3. -webkit-scrolling-touch: auto, 不要设置为 touch, 但是整体的弹性滚动丢失。safari 中测试。
  4. 使用 better-scroll 这种的第三方插件做滚动，可以在保留弹性滚动的情况下，禁止露出背景

建议使用方案4.

赵永盛
关注
专栏目录
ios微信公众号或浏览器滚动露底漏网址闪动无法固定
刻痕
12-14 5588
微信公众号H5页面或者其他浏览器，在ios一些机型上，上下左右滑动，可以漏出底部的域名，黑块（或者白块）。 搜索很多网上文档，大都是那几种，但是不顶用 测试环境： ios14.6、微信内置浏览器、或其他浏览器 原理： 修改document的滚动事件，监听滚动赋值元素的scrollTop值 修改如下： <!-- 原生标签和vue、uniapp等可用，react项目基本上不需要，没碰到露底异常 --> <template> <view id='scrollBox'>
ios端阻止页面滚动露底
weixin_30500473的博客
11-03 339
转自http://www.eboy.me/archives/129； 在IOS端的微信中使用H5页面，页面滑动到底部时，再向上拉或页面在顶部时下拉，总会露出微信自带的底色；总是会让人不爽。 以下是一个相对完美的解决办法；原来是先禁止body的滚动事件，再允许内部div滚动； 一、设置body的css body{height:100%;overflow: hidden;} ...
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
China_Guanq的博客
01-23 1万+
在iOS的微信,QQ,Safari等浏览器, 列表顶部下拉和底部上拉露出浏览器灰色背景。 针对此问题，在一些移动端页面下拉、上拉过程导致浏览器底部露出背景。 在一定程度上会影响用户的正常操作 以及 用户体验。 省下好多喝茶的片刻，以及找过网上类似的解决方法。 终于想到一套能够很好解决此类问题的办法！ 需要解决此刻需求的朋友参考文章，提供给大家思路以及参考学习。 具体实现步骤以及
图片浏览器
qq_37738220的博客
06-17 297
一：Mainactivity的配置 importAndroid.graphics.Bitmap; import android.graphics.BitmapFactory; import android.os.Handler; import android.os.Message; import android.support.v7.app.AppCompatActivity; imp
iphone禁止上下拉露出浏览器灰色背景
qq_42683842的博客
11-28 2684
document.addEventListener（"touchmove",  function(e) {      e.preventDefault(); }, {passive: false}） 但是，这个方法会上下左右全部禁止，我们需要左右滑动禁止上下滑动会受到限制 我们的思路就是需要知道手指滑动的方向 上代码 ...
移动端 H5 相关疑难总结
渣渣宇的博客
02-03 1046
本文主要讲解关于移动端H5页面内的一些小操作、与app之间的交互 注意事项 A. 本文提及的安卓系统包括Android和基于Android开发的系统 B. 本文提及的苹果系统包括iOS与iPadOS C. 本文内的大部分内容都是适应绝大多数浏览器的，所以除去某些偏门操作不用担心兼容问题 D. 本文是针对移动端浏览器的，所以下文提到的浏览器均为移动端浏览器，PC上不一定会有效 HTML 调用系统功能 使用 < a > 能快速调用移动设备的 电话/短信/邮件 三大通讯功能 使用 < input
移动端H5兼容性问题
weixin_43990297的博客
02-02 2988
移动端H5兼容性问题 HTML方向 调用系统功能 使用<a>能快速调用移动设备的电话/短信/邮件三大通讯功能，使用能快速调用移动设备的的图库/文件。这些功能方便了页面与系统的交互，关键在于调用格式一定要准确，否则会被移动端浏览器忽略。 <!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a> <!-- 发送短信 --> <a href="sms:10086">发送短信给10086小姐姐&l
JS弹出式QQ在线客服插件，支持浏览器IE、FireFox、Chrome、Safari等主流浏览器
05-25
3. JavaScript：控制插件的行为，如弹出窗口、检测浏览器、与QQ接口通信等。 4. README.md：文件提供了关于如何安装、配置和使用插件的说明。 为了实现这个插件，开发者需要理解AJAX（异步JavaScript和XML）技术，...
苹果浏览器 Safari(苹果浏览器) v5.34.57.2
12-15
Safari(苹果浏览器)是Apple发布较快Windows平台浏览器，根据Apple所说，针对Windows平台的Safari浏览器，Apple Safari(苹果浏览器)是目前在windows平台上速度较快的浏览器，业界标准iBech测试显示，
解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器
04-03
解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload，onunload，window.addEventListener(‘pagehide‘, () =＞ {}手机浏览器不生效
iphone的safari浏览器中实现全屏浏览的方法
01-05
（就在Safari浏览器最下方，最中间的那个位置，点击选择即可）这个功能类似于把网页地址作为一个超链接的方式放到手机桌面，并且可以直接访问。不过要注意的是每个链接都需要js进行一次特殊处理，那就是监听页面点击...
使用 axios 实现 ajax 方案
热门推荐
fantian001的博客
04-16 4万+
使用 axios 实现 ajax 方案 vue.js 自2.0版本已经不对 vue-resource 更新了，官方推荐使用 axios 解决方案。axios 使用了 Promise,而 jquery 自3.0 版本才支持 Promise,如果你只是想使用 jquery 的 ajax 的话，引入整个 jquery 是很大的负担，所以 axios 是一个很好的工具。 知识点： 1.we...
express, koa 中间件执行顺序
fantian001的博客
05-05 2059
对于某一个中间件，一旦自己 next 将执行流程交给后面的中间件，那么一定是后面所有的中间件的 next 都执行完毕，然后才会执行它自身的下一个 next. 其实我们写中间件，不必关心前面和后面的中间件到底有几个 next , 他们具体做了什么处理，只需关心当前要做的中间件要处理什么，什么时候要将执行权限交出去，然后什么时候要接收到后面中间件处理完的结果即可。 next 之前的值，被后面中...
智联招聘爬虫
fantian001的博客
05-29 1437
·放假了，有时间写个小爬虫了。· 这个爬虫是 2017-05-29 写的，所以，如果以后智联改版了，页面结构变了，那么这个爬虫可能就不能用了。但是稍微修改下还是可以用的。 功能：爬取首页数据，写入json文件。支持手动录入搜索职位和地区。下面放上代码，很简单* author 赵永盛 * date 2017-05-20 * mail 1562743134@qq.com * github githu
socket.io 对话
fantian001的博客
09-24 443
使用 socket.io 实现简单的聊天功能
事件冒泡和捕获
fantian001的博客
09-15 355
&amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;quot;s1&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;s1 &amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;nbsp;&
java-ssm+vue旅游资源网站实现源码(项目源码-说明文档)
最新发布
09-18
旅游资源网站的主要使用者分为管理员和用户，实现功能包括管理员：首页、个人中心、用户管理、景点信息管理、购票信息管理、酒店信息管理、客房类型管理、客房信息管理、客房预订管理、交流论坛、系统管理，用户：首页、个人中心、购票信息管理、客房预订管理、我的收藏管理，前台首页；首页、景点信息、酒店信息、客房信息、交流论坛、红色文化、个人中心、后台管理、客服等功能。 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：Vue 关键技术：springboot、SSM、vue、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
【高创新】基于粒子群优化算法PSO-Transformer-BiLSTM实现故障识别Matlab实现.rar
09-18
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值