资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页，附：demo

js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页，附：demo

whjin / 3312人阅读

摘要：在微信里面打开的链接页面如果没有经过特殊处理，下拉的话，会出现这样的情况大概就是一个深灰色的背景，还有一个源站的域名。

在微信里面打开的链接页面如果没有经过特殊处理，下拉的话，会出现这样的情况：

大概就是一个深灰色的背景，还有一个源站的域名。

本人觉得这个非常丑，并且有时候就不想别人下拉看到我们的源站域名。

所以我这里做了一个demo让大家看看：

微信扫码：

  8.     禁止下拉
  9.     
  11. 禁止下拉！
  12. 禁止下拉！
  13. 禁止下拉！
  14. 禁止下拉！
  15. 禁止下拉！
  16. 禁止下拉！
  17. 禁止下拉！
  18. 禁止下拉！
  19. 禁止下拉！
  20. 禁止下拉！
  21. 禁止下拉！
  22. 禁止下拉！
  23. 禁止下拉！
  24. 禁止下拉！
  25. 禁止下拉！
  26. 禁止下拉！
  27. 禁止下拉！
  28. 禁止下拉！
  29. 禁止下拉！
  30. 禁止下拉！
  31. 禁止下拉！
  32. 禁止下拉！
  33. 禁止下拉！
  34. 禁止下拉！
  35. 禁止下拉！
  36. 禁止下拉！
  37. 禁止下拉！
  38. 禁止下拉！
  39. 禁止下拉！
  40. 禁止下拉！
  41. 禁止下拉！
  42. 禁止下拉！
  43. 禁止下拉！
  44. 禁止下拉！
  45. 禁止下拉！
  46. 禁止下拉！
  47. 禁止下拉！
  48. 禁止下拉！
  49. 禁止下拉！
  50. 禁止下拉！
  51. 禁止下拉！
  52. 禁止下拉！
  53. 禁止下拉！
  54. 禁止下拉！
  55. 禁止下拉！
  56. 禁止下拉！
  57. 禁止下拉！
  58. 禁止下拉！
  59. 禁止下拉！
  60. 禁止下拉！
  61. 禁止下拉！
  62. 禁止下拉！
  63. 禁止下拉！
  64. 禁止下拉！
  65. 禁止下拉！
  66. 禁止下拉！
  67. 禁止下拉！
  68. 禁止下拉！
  69. 禁止下拉！
  70. 是不是可以啊！！！
  71. 是的话
  72. 那就赞赏一下吧！

其中

是整个主体，你只需要把你的项目代码写在这个div之间，就可以了！

云服务器 GPU云服务器 php 禁止微信 禁止访问服务器网页 微信内置浏览器 webrtc 微信内置浏览器支持webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107584.html

相关文章

  • 兼容移动端 js弹出框实现微信禁止h5禁止网页下拉，滚动穿透，禁止微信内置浏览器下拉网页

    摘要：弹出层触发时候页面设置为高度百分百将不能滚动设置的样式为取消时候把样式重置还原为最初弹出层遮罩层灰色区域点击关闭遮罩层遮罩层阻止冒泡默认事件弹出层禁止页面弹出框弹出时候市面下拉滚动监听事件，这样一来整个页面将不能滚动所以添加一个判断你的大盒 //弹出层触发时候页面设置为高度百分百将不能滚动 设置body html的样式为overflow: hidden,height:100%//取消时...

    robin 评论0 收藏0

  • 兼容移动端 js弹出框实现微信禁止h5禁止网页下拉，滚动穿透，禁止微信内置浏览器下拉网页

    摘要：弹出层触发时候页面设置为高度百分百将不能滚动设置的样式为取消时候把样式重置还原为最初弹出层遮罩层灰色区域点击关闭遮罩层遮罩层阻止冒泡默认事件弹出层禁止页面弹出框弹出时候市面下拉滚动监听事件，这样一来整个页面将不能滚动所以添加一个判断你的大盒 //弹出层触发时候页面设置为高度百分百将不能滚动 设置body html的样式为overflow: hidden,height:100%//取消时...

    inapt 评论0 收藏0

  • 兼容移动端 js弹出框实现微信禁止h5禁止网页下拉，滚动穿透，禁止微信内置浏览器下拉网页

    摘要：弹出层触发时候页面设置为高度百分百将不能滚动设置的样式为取消时候把样式重置还原为最初弹出层遮罩层灰色区域点击关闭遮罩层遮罩层阻止冒泡默认事件弹出层禁止页面弹出框弹出时候市面下拉滚动监听事件，这样一来整个页面将不能滚动所以添加一个判断你的大盒 //弹出层触发时候页面设置为高度百分百将不能滚动 设置body html的样式为overflow: hidden,height:100%//取消时...

    高璐 评论0 收藏0

  • 微信里面防止下拉"露底"组件

    摘要：从本人这两个月移动实践的经验来看，微信的里面和的滑动效果无论是在安卓还是下的体验都很一般，有明显的卡顿现象，在安卓下面还会出现滑动过快的时候在页面停下来之后滚动条才闪到相应位置的现象。 前言 在微信里面浏览页面的时候，有一个很管用的方法可以区分这个页面是原生的还是H5形式的。随便打开一个页面，用力往下扯的时候，如果页面上方出现了黑底，黑底上有一行诸如网页由game.weixin.qq....

    hot_pot_Leo 评论0 收藏0

发表评论

登陆后可评论

0条评论

whjin

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<