禁止苹果手机默认行为（阻止页面的滚动）

最新推荐文章于 2024-08-19 03:33:22 发布

weixin_34010949

最新推荐文章于 2024-08-19 03:33:22 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gongshunkai/p/6357464.html

本文介绍了一种使用 jQuery 在网页上禁用触摸开始事件的方法。通过为 window 对象添加 'touchstart' 事件监听器并阻止其默认行为，可以有效地禁用页面上的触摸操作。

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

$(window).on('touchstart',function(e){
e.preventDefault();
});

转载于:https://www.cnblogs.com/gongshunkai/p/6357464.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34010949

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【ios】webview如何取消图层上下拖动

weixin_48618536的博客

05-11

458

本博文主要是对ios中webview如何取消图层上下拖动实现的一个介绍，以及记录，方便后续使用时候可以直接加载，这边ios开发主要使用语言。

总结40条常见的移动端Web页面问题及解决方案

weixin_36106791的博客

08-17

650

前言工作中接手做过一些移动端的项目，在开发过程中，发现了一些问题，结合网友的一些经验总结，整理下移动端常见的问题，这是在前一篇基础上，整理网友的经验，希望对大家有用。 1.安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把 iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRat

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

阻止浏览器自身滑动事件例如苹果手机的上拉下拉滑动

qupeng666的博客

03-07

1万+

$(document).ready(function(){ function stopScrolling(event) { event.preventDefault(); } document.addEventListener('touchmove',stopScrolling,false); })

解决移动端出现弹窗背景禁止滚动（阻止苹果浏览器的默认行为）

AliceWu的博客

01-26

8959

添加js样式： $(“.zzc”).on(“touchmove”,function(){ 　　　　event.preventDefault(); }); 注意：.zzc是遮罩层的名字

阻止默认事件，浏览器滚动回弹，

小糖穿越火线

09-08

300

document.body.addEventListener('touchmove', function (e) { e.preventDefault() // 阻止默认的事件 }, {passive: false}) // 用来兼容

iphone 事件冒泡规则

weixin_30877181的博客

02-28

138

今天碰到的一个比较烦人的问题是，在body上添加事件处理函数，发现在iphone上怎么也没办法触发事件，找了半天，发现iPhone处理冒泡事件的规则： 1.点击某个元素； 2.如果这个元素上没有处理该事件，则继续向上冒泡，直到body下的子节点为止。如果此时还是没有元素处理这个事件，则丢弃该事件，不再向上冒泡； 3.如果在这条冒泡链当中，有一个元素处理了该事件，则事件还会一直向上冒泡，直到w...

禁止ios浏览器页面上下滚动 (橡皮筋效果)

热门推荐

qq_40717869的博客

08-16

2万+

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

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

01-23

1. **监听触摸事件**：我们可以监听`touchmove`事件，当用户尝试向上滑动顶部或向下滑动底部时，阻止事件的默认行为。这样可以防止浏览器暴露灰色背景。 ```javascript document.addEventListener('touchmove', ...

移动端H5常见问题以及解决方案

bufanweb的博客

07-16

1624

移动端H5常见问题以及解决方案问题下面列举了我遇到的一些常规问题,如有遇到其他问题的请在评论区补充,之后我也会实践加以补充,感谢! 以下解决方案,均经过我测试成功,健康安全,请放下食用.由于篇幅问题,某些非核心的解决方案的实现细节暂未谈论,需要的自行研究. 1.iOS滑动不流畅表现上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动.整体表现就是滑动不流畅,没有滑动惯性. 产生原因为什么在iOS的webview中滑动不流畅,它是如何定义的?* 最终我在safari文档里面寻找到了答案(文

JavaScript中防止微信浏览器被整体拖动的方法

12-09

2. **判断滚动位置**：在`touchmove`事件中，我们需要检查页面是否处于顶部或底部，并根据用户的拖动方向判断是否应该阻止事件的默认行为。如果页面在顶部并且用户向下拖动，或者页面在底部并且用户向上拖动，我们...

禁止移动端 ios 页面滑动

weixin_26712065的博客

08-08

267

禁止移动端 iOS 页面滑动的实现指南在移动端开发中，特别是iOS设备，用户有时会遇到不希望的滚动行为。这通常会影响用户体验，特别是在某些交互或者弹出窗口时。本文将带你了解如何禁止iOS页面的滑动，并通过一个简单的流程和代码示例帮助你实现这一功能。实现流程以下是实现禁止移动端 iOS 页面滑动的步骤：步骤描...

禁止ios页面上下滑动

最新发布

weixin_42504279的博客

08-19

231

禁止iOS页面上下滑动的实现方法在移动端开发中，许多开发者都会遇到用户在应用中上下滑动页面的情况。然而，在某些情况下，比如进行图片查看或者播放视频时，可能希望禁止页面的上下滑动，这样可以提供更好的用户体验。本文将介绍如何在移动端应用中禁止iOS页面的上下滑动，包括相关代码示例和实现细节。一、禁止页面上下滑动的原因 ...

处理ios软键盘弹起和收起时页面滚动问题

weixin_47664795的博客

09-08

5606

处理ios软键盘弹起和收起时页面滚动问题

「前端发动机」Touchmove 禁止默认滚动的几种方案

weixin_30409849的博客

08-05

564

前言分享一些实际开发过程中遇到的问题和解决方案，文中如有不对之处，欢迎大家指出，共勉。！个人博客地址

微信浏览器如何禁止iPhone手机上下滑动网页

dawuafang

05-30

431

转自：https://segmentfault.com/q/1010000002977656 禁止 touchstart 的默认事件 $('body').on('touchmove touchstart', function (event) { event.preventDefault(); });

vue中禁止ios浏览器页面滚动的橡皮筋效果

m0_37068028的博客

05-03

1万+

在iPhone浏览器上滚动页面时，页面出现了橡皮筋效果 layout.vue <template> <div class="layout"> <header></header> <router-view/> <footer></footer&amp

position fixed 在ios上滚动不固定问题

小妖666个人笔记

07-18

2494

加上 transform: translate3d(0,0,0);

阻止页面滚动事件

HoeWang的博客

04-16

3074

//阻止整个页面滚动事件 $("body").on("touchmove",function(event){ event.preventDefault; }, false); //然后点击取消或者确定时再取消body上的绑定 $("body").off("touchmove");...

解决ios系统h5页面滚动条问题

weixin_38958405的博客

03-08

1万+

需求：页面在各种手机端可以正常横向滚动问题：（以下所有效果均针对ios系统下的，安卓是不存在这个问题的） 1、第一次用基础css实现滚动：overflow：scroll；效果：可以滑动，但是页面滚动起来非常卡，没有回弹顺滑的效果，手指一停，页面就停住了。 2、第二次网上搜方法解决了滑动很卡的现象，给很宽的那个容器加上了css属性：-webkit-overflow-scrolling：tou...

移动端禁止弹窗下页面滚动的解决策略

我们可以监听`touchmove`事件，并在其回调函数中通过`e.preventDefault()`阻止默认的页面滚动行为。例如，我们可以选取蒙层容器DOM节点，添加事件监听器，当检测到触摸动作时，阻止页面滚动。这种方法需要编写...