微信、手机页面禁止页面下拉

最新推荐文章于 2025-02-14 09:26:41 发布

xyphf_和派孔明

最新推荐文章于 2025-02-14 09:26:41 发布

阅读量8.2k

点赞数

分类专栏： DOM&BOM操作 Java全栈之路

本文链接：https://blog.youkuaiyun.com/xyphf/article/details/52067812

版权

DOM&BOM操作同时被 2 个专栏收录

64 篇文章

订阅专栏

Java全栈之路

55 篇文章

订阅专栏

window.onload = function(){
    document.body.addEventListener("touchmove",function(event){
        event.preventDefault();
        });
};

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xyphf_和派孔明

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

H5页面禁用微信浏览器下拉

12-07

H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示，在JS文件中定义此方法即可。

禁止微信下拉

zhaozilong666的博客

07-03

784

微信下拉会展现ip地址黑框，google后发现了一个可以禁止的js片段： /** * 禁止浏览器下拉回弹 */ function stopDrop() { var lastY;//最后一次y坐标点 $(document.body).on('touchstart', function(event) { lastY

参与评论您还未登录，请先登录后发表或查看评论

微信h5阻止下拉出现“网页由...提供”

最新发布

不谷的博客

02-14

278

在微信h5的开发中，有时会遇到项目上要求在微信打开h5页面时，禁止下拉页面查看“网页由…提供”获取网页的来源由于目前微信官方文档并没有提供自定义功能，因此就需要使用其他方式来实现这一目的。

微信端防止下拉

weixin_34216196的博客

02-24

118

本文参考了，https://segmentfault.com/a/1190000013335812 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equi...

阻止微信下拉

dandan__666的博客

02-11

211

阻止微信下拉： document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, { passive: false });

阻止微信浏览器下拉

a603423130的博客

08-05

546

function noPullDown(selector) { //禁止页面拖动 document.querySelector('body').addEventListener('touchmove', function (e) { console.log('禁止下拉出现网页来源信息') if(!selector) { e.preventDefault() } else { // 如果需要部分区域

微信浏览器禁止页面下拉查看网址实例详解

08-30

微信浏览器禁止页面下拉查看网址实例详解微信浏览器禁止页面下拉查看网址实例详解主要介绍了微信浏览器禁止页面下拉查看网址实例详解的相关资料。在移动端浏览器中，防止页面下拉查看网址是一种常见的需求。微信...

JavaScript禁止微信浏览器下拉回弹效果

10-19

总结来说，JavaScript禁止微信浏览器下拉回弹效果的方法主要分为两类：一种是只禁止部分滚动区域的回弹效果，另一种是禁止整个页面的回弹效果。在实际应用中，开发者需要根据页面的具体需求和用户体验设计来选择合适...

微信禁止下拉查看URL的处理方法

11-28

1. **禁止`touchmove`事件**：这是最简单的处理方式，通过监听移动端的`touchmove`事件并阻止其默认行为，可以防止页面下拉。示例代码如下： ```javascript var touch1 = function() { document.querySelector('...

禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题

阳光下的木子林的博客

05-30

9542

禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题 document.querySelector('body').addEventListener('touchstart',function (ev) { event.preventDefault(); })

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景的解决方案。

01-23

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景的解决方案。

微信小程序禁止左右滑屏

du_5pet的博客

07-14

2830

直接给最外层的view设置一个overflow-x:hidden; /**app.wxss**/ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 60rpx 0; box-sizing: border-box; overflow-x:hidden; } ...

微信禁止页面滑动方法-IOS安卓PC通用

kangchutoudewa的专栏

07-17

1789

网上找到方案： document.body.removeEventListener('touchmove',scrolling(),false); document.body.addEventListener('touchmove', scrolling(),false); 但是并没有生效,最终结果： document.addEventListener('touchmove', sc...

手机端禁止浏览器左右滑动

weixin_30810583的博客

06-25

4118

在手机端vue项目中，禁止页面左右滑动，代码直接写在index.html中 var startPos = 0,endPos = 0,isScrolling = 0; document.addEventListener('touchstart',function(event){ var touch = event.targetTouches[0]; //touches数组对象...

从微信打开链接不能正常上下滑动

Milan_KunderLa的博客

09-03

6014

原因是微信自己带有一个滑动默认行为，所以滑动的事件监听不能放在body上面，而是应该放在其他节点上。同时如果其他节点还有另外的点击触摸事件，不能取消掉事件冒泡，否则会没有反应。 ...

微信端加载中禁止滑动页面与恢复

大宅广的博客

07-12

1030

$('body').on('touchmove', function (event) { event.preventDefault(); });$("body").unbind('touchmove');

禁止当前html页面下拉刷新,移动端禁止页面下拉刷新（页面有滚动区域）

weixin_36229423的博客

06-03

2688

function isscroll(dom,flag) {// 页面是否启用不可下拉if(flag) {document.body.addEventListener('touchmove',function (event) {event.returnValue = true; // 允许页面下拉的属性}, { passive: false });return;}let startYdocumen...

微信浏览器禁止页面下拉查看网址（不影响页面内部盒子滚动）

05-26

你可以在页面上添加以下 CSS 样式，来禁止微信浏览器下拉查看网址： ```css body{ overflow: hidden; } ::-webkit-scrollbar { width: 0px; height: 0px; } ``` 这样可以隐藏滚动条，同时禁止页面的下拉操作。但是，需要注意的是这会影响到页面内部的盒子滚动，所以你需要对需要滚动的盒子单独设置样式： ```css .box{ overflow-y: scroll; } ``` 这样就可以实现页面内部的盒子滚动，而不受上述样式的影响。