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

最新推荐文章于 2024-08-06 14:26:07 发布
最新推荐文章于 2024-08-06 14:26:07 发布
阅读量6k 收藏
点赞数 1
分类专栏： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Milan_KunderLa/article/details/100524053
版权
本文解析了微信内置滑动行为对事件监听的影响，强调不应将监听器置于body上，而应放置于其他节点，避免事件冒泡取消，确保触摸事件响应。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

禁用微信浏览器的下拉_解决微信浏览器禁止下拉查看真实域名网址的问题
天马3798
08-30 1946
一、原理 监听touchmove 事件，取消默认操作，则就不会触发页面的下拉。 二、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
微信小程序不用scroll-view做锚点跳转以及滑动选中
Wangdr的博客
07-22 672
微信小程序不用scroll-view做锚点跳转以及滑动选中
微信浏览器禁掉上下滑动（必看）
杨鑫的博客
01-22 6848
最近用mui+vue做了一个公众号系统，mui-scroll 的滚动和 微信浏览器的上下滑动滑动冲突，会引起页面卡顿，无论怎么调整阻尼系数，问题依然存在，而且，比较坑爹。 网络查了好久，各种阻止依然不可用，浪费太多时间，在突然的看了一篇文章里，在浏览器阻止滚动下方，加了个passive：false 居然实现了我要的效果。虽然不明白为啥，但是很开心，分享给大家。   //阻止浏览器默认滑动 ...
微信端加载中禁止滑动页面与恢复
大宅广的博客
07-12 1036
$('body').on('touchmove', function (event) { event.preventDefault(); });$("body").unbind('touchmove');
关于微信浏览器滑动问题
riluokk的博客
08-23 604
使用touchmove时间，scroll事件不生效的，同时建议使用addEventListen来监听事件，避免冲突 最后说一句，垃圾微信，微信内置浏览器真垃圾，一个破缓存耽搁我几个小时的时间。
解决微信浏览器公众号h5页面ios苹果机不能上下滑动
天弃的博客
11-08 5096
这个月做个项目，要求做个h5，然后放到微信公众号里使用。开发完部署之后发现苹果机的页面是不能上下滑动的，好像写了个fixed固定住了似的，但是有意思的是，两个手指头按屏幕滑动是可以滑动的，两个手指头放上去右侧会显示滚动条，有滚动条就会滑动，滚动条消失滑动不了。 因为我们以前几乎都是用uni-app做的H5，所以打的包都是人家uniapp打了自己的东西弄好的，部署直接可以滑，但是我们这次是自己搭的框架（我们直接建的vue项目），所以部署之后遇到了问题。 起初刚开始只能百度搜，但是百度搜出来的答案，
微信打开h5页面键盘弹起后页面上滑，导致页面中的按钮功能区域错位
qq_42180156的博客
02-21 1269
最近在做个项目，其中有个页面是申请登录页面，在手机上测试的是用vscode的live-server，把地址链接发到微信上打开就出现问题了。点击按钮以外的区域也会触发这个按钮才有的事件。就因为这个老大叼了我一顿，说我布局有问题，委屈巴巴~~~好在通过百度找到了问题所在。   看网上的解释就是因为当 input失去焦点，页面被顶起没有还原，按钮或者input还在原来的位置。 所以就有以下的方法来处理 ...
【微信小程序实战教程】之微信小程序核心组件详解
最新发布
柯晓楠
08-06 2025
组件化开发并不是小程序所特有的，一些其他编程语言中都有组件化的概念，准确来讲，只有视图层的展示，就必定要用到组件化。组件是视图层的最基本组成单元，组件中包含了一些基础功能和基础样式，一个组件就类似于一个自定义的标签。小程序框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发，那么微信小程序提供的基础组件肯定是要完成小程序开发的基础功能与微信风格保持一致的样式。视图容器组件主要用于控制页面的内容，与HTML中的标签功能类似，可以把小程序的容器组件理解为一个盒子容器，可以将其他组件填充在
怎么在微信中打开HTML动画
08-14
需要注意的是，微信打开的小程序或者小游戏是一个相对封闭的环境，它有自己的安全机制和限制。因此，并非所有的HTML动画都可以在微信中直接打开和运行。有些功能和效果可能受到限制或无法完全展示。如果你想要在微信...
关于安卓微信浏览器中scrollTop的问题
Hoshizola的博客
12-08 2008
前阵子在公司实现一个常见的需求，就是添加一个返回顶部的按钮，当滑动网页到一定程度后会出现这个按钮，需要获取到元素的滚动高度scrollTop。结果在pc端的浏览器可以生效，pc端浏览器中的移动端模式可以生效，在苹果手机上的微信浏览器也可以生效，唯独在安卓手机的微信浏览器不能生效。先展示一下核心代码： // 用vue写的项目，scrollToTop控制按钮显示与否，当滚动高度大于1000像素就出现按钮 handleScroll () { let scrollTop = document.documentE
微信端在电脑点不能点击下拉框
weixin_41949003的博客
04-16 3347
在做微信端页面时，会用到下拉框select，在电脑上进行调试并且选择时会无法触发select，解决办法，在上面添加，data-tap-disabled="true"，就可以搞定这个问题...
解决微信浏览器页面可以随意拉伸，导致页面内部滚动条滚动体验不好的问题
老夫风清扬的博客
06-28 2530
很多情况，我们页面局部可以滚动，但是由于微信浏览器整个页面可以拉伸，导致页面内部的滚动体验不好。所以我们可以把整个页面的滑动事件给禁用掉，然后让页面的某一个区域可以正常的滑动，就可以达到我们理想的效果。 具体实现法案如下： const overscroll = function(el) { el.addEventListener('touchstart', function() ...
滚动加载更多在微信里不生效问题
ddyy2695734664的博客
12-24 695
一般做滚动加载更多的时候，我都会用另外两个参数来控制， loadingStatus：是判断是否数据全部加载完成了，比如一页取20条，那么拿到的全部数据%20 != 0的话就判断是全部加载完成； isShowBottomTips：是用来防止多次请求出问题，一开始定义false，开始请求的时候变成true，请求完成了再变成false； 还有一点就是html和body以及主要div都不设置高度，才能用document.body.offsetHeight，如果设置高度，可以把监听div的滚动事件； 遇到的问题是在正
微信内置浏览器器中点击拨打电话功能失效
Love.Hope.Faith
11-27 7913
如题。         微信网页开发过程中，需要使用到点击超链接然后拨打电话的功能。         在IOS系统中，safari浏览器可以自行识别浏览器网页中的数字串为电话号码，点击这个数字串的时候即可直接拨打电话。         但是在Android系统中，浏览器并没有这个功能，所以必须使用下面的标签才能够拨打电话。        通过这个就可以直接点击拨打电话了。        
【解决】浏览器网页无法使用滚轮上下滚动页面怎么办？
热门推荐
Louie的博客
03-26 2万+
有的时候比如学校的教务系统等用浏览器打开后，网页或者对话框、下拉菜单等无法使用滚轮上下滚动页面，可采用以下方法： 解决方案 ： 1、打开ie浏览器（每个电脑都自带ie，360浏览器也是使用的ie内核)； 2、右上角选择工具（齿轮状图案）； 3、进行兼容性视图设置； 4、把当前网站添加进去，下面都勾选上； 5、关闭重启ie。 ...
微信小程序自定义弹窗后禁止页面滑动的两种情况
彩虹
10-22 1882
1.页面根部不使用scroll-view a) 弹窗无滚动效果 如果弹窗不需要滚动, 直接在弹窗的根节点添加 catchtouchmove="return" b) 弹窗有滚动效果 如果弹窗需要滚动; page{ height: 100% } .container // 页面根节点 style="{{overflow-y: flag? 'hidden':'auto'}}"...
关于微信中a链接无法跳转问题
細水、長流√的专栏
04-24 2910
微信页面开发时，各个主页之间的跳转，完全是通过a链接进行的，但是来回跳转几次，再次从其他主页面跳回首页的时候，微信头部出现了跳转加载进度条，但是就是不跳转，也没有任何反应，怎么回事呢？下面小编给大家解答下 【问题】 微信页面开发时，各个主页之间的跳转，完全是通过a链接进行的，但是来回跳转几次，再次从其他主页面跳回首页的时候，微信头部出现了跳转加载进度条，但是就是不跳转，
微信、手机页面禁止页面下拉
xyphf的博客
07-29 8250
webapp，微信、手机、移动端页面禁止页面下拉 window.onload = function(){ document.body.addEventListener("touchmove",function(event){ event.preventDefault(); }); };
微信公众号 H5 页面中点击一个按钮调起手机的电话拨打功能
qq_43248623的博客
12-03 5780
1、在H5页面中调起手机的电话拨打功能其实很简单就能实现： <a href="tel:13556891235">点击给我打电话</a> 2、在H5页面中调起手机发送短信： <a href="sms:18688888888">发短信</a> 3、要想实现点击一个按钮我们可以通过点击一个按钮然后弹出一个对话框，询问是否要拨打电话，并在页面上提示电话号码，然后我们点击确定，我们可以通过直接将a标签的内容写为确定，当用户点击确定的时候就会自动调起打电话功能。 &l
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值