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

已于 2024-01-27 23:07:39 修改
阅读量381 收藏
点赞数
分类专栏： Android和IOS平台的APP全栈路 文章标签： ios objective-c uiwebview c++
于 2021-05-11 15:38:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48618536/article/details/116657563
版权

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

前言

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

图层显示

在iOS中，可以使用UIWebView或WKWebView来加载和显示web内容。

UIWebView是iOS中较早引入的web视图组件，可以加载并显示web页面，支持与web页面交互，例如点击链接、填写表单等。它使用基于URL的加载方式，可以通过loadRequest方法加载web页面。UIWebView提供了许多方法和属性来控制web内容的显示和交互。

WKWebView是iOS 8之后引入的新型web视图组件，与UIWebView相比有许多优势。WKWebView使用更现代的WebKit引擎来渲染web内容，速度更快，内存消耗更低。WKWebView还提供了更多的功能，例如更好的JavaScript性能、内置的滚动效果、内置的手势支持等。与UIWebView不同，WKWebView使用基于URL的加载方式，但也可以使用加载HTML字符串的方式来显示web内容。

在使用UIWebView或WKWebView时，可以设置delegate来处理web视图的各种事件和回调。可以通过delegate方法来处

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【通过代理监听UIScrollView的滚动事件 Objective-C语言】
madoca的博客
03-28 721
【通过代理监听UIScrollView的滚动事件 Objective-C语言】
iOS开发细碎知识点总结一
逝水无情的博客
12-26 1160
稍后更新
ios 禁止UIWebView上下滑动的效果
aewmc268204的博客
05-12 622
具体代码的实现： for(id subview in webview.subviews) { if([[subview class] isSubclassOfClass:[UIScrollView class]]) { ((UIScrollView*)subview).bounces=NO; } ...
禁用UIWebView和WKWebView的下拉拖动效果
秋天的博客
08-12 1481
使用UIWebView或WKWebView加载网页时，如果页面处于最顶端时，用户用手指往下拖动，会露出灰色空背景。同样页面在最底部的时候，继续向上拖动，下方也会露出空背景。 要禁止这个拖动效果，可进行如下设置： 1 theWebView.scrollView.bounces =false ...
IOS 禁止UIWebView下拉拖动效果
沈阳斌子
12-19 8986
UIWebView默认允许当网页内容处于最顶端时，用户用手指往下拖动，然后露出空白的背景。这份代码能够禁止这种效果。 //iOS 5系统之前的版本 for (id subview in webView.subviews) if ([[subview class] isSubclassOfClass: [UIScrollView class]]) ((UIScrollView *)su
禁止webview拖动
u012263992的专栏
12-17 1510
//Before iOS 5 for (id subview in webView.subviews)   if ([[subview class] isSubclassOfClass: [UIScrollView class]])     ((UIScrollView *)subview).bounces = NO;   //After iOS 5 webView.scrollVie
iOS11 WKWebView终极解决方案：真实案例分析与应用
WKWebView是Apple公司推出的用于iOS和macOS平台上提供网页内容的视图组件，它提供了更加安全、高效的Web内容展示能力。本文从WKWebView的基础知识讲起，深入探讨了其架构和性能，特别是在性能优化、内存管理、安全性...
跨平台开发解决方案浅谈
shenxiang216的博客
11-01 5260
跨平台开发解决方案浅谈 前言 本文所讨论技术都是基于大前端生态下的 本文所指跨平台概念无特殊说明时泛指跨安卓和ios 用前端工程化技术开发出app也是本文所讲重点 作为用户来说，当然希望使用App的时候能够顺畅流利，不可否认的是，使用iOS和Android开发出来的应用非常流畅而且高效，但是缺点就是需要耗费较长的时间来开发，比如同一个App，需要在Android和iOS两端各自开发一遍，确实比较耗费人力和财力。所以人们希望选择使用跨平台应用来解决这一问题。 一、什么是跨平台应用开发框架？ 开发人员可
小程序Android端movable-view拖拽卡顿掉帧的优化
weixin_34235457的博客
05-08 6557
背景： 最近项目中使用到movable-view来做一个拖拽排序的功能，等到功能都实现完成后到真机测试发现，拖拽动画在Android端存在严重的卡顿掉帧，及其不跟手，但是在IOS端却挺流畅。查阅Google发现也有相同的小伙伴有类似问题：小程序的移动拖动图片安卓太过卡顿如何解决 导致卡顿掉帧的原因 例如页面有 2 个元素 A 和 B，用户在 A 上做 touchmove 手势，要求 B 也跟随...
禁止web页面在ios中整屏上下弹动
gary的博客
04-26 3613
禁止body或者可滑动元素的 touchmove 事件 例: vue this.$nextTick(() => { // 通过refs拿到dom元素, 给dom元素绑定touchmove事件, 其内容做操作 this.$refs.dom.addEventListener('touchmove', function (e) { if (!e.isSCROLL) { e.pr...
IOS WKWebview有效实现禁止滑动,禁止双指缩放,禁止长按
大炮哥的博客
03-24 8786
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init]; config.preferences = [WKPreferences new]; config.preferences.minimumFontSize = 10; config.preferences.javaScriptEnabled = YES; c...
iOS 实现webview不滚动，显示所有内容
WangQingLei0307的博客
03-09 8863
self.first_webview 为：web view height1 为:web view内容高度 self.scrollSuperView 为:滚动式图scrollview 1. 首先我们要在底部放一个scrollview，在上面放置一个webview，接下来便是禁止webview滚动。 2. 实现web view不滚动 UIScrollView *first_tempV...
在iOS中使用Phonegap防止Webview被上下拖动
captain0413的专栏
12-13 1035
在使用PhoneGap制作App的时候，iOS作为承载App页面的容器的Webview，在手指向下或者向上滑动屏幕时，除了页面本身的滚动外，还经常会看到整体页面底部和屏幕底部被拖动出黑屏 为了防止这一滑动，可以通过修改修改项目中的MainViewController.m，重新设置WebView来实现
IOS webView 拖动元素回弹
weixin_38763607的博客
10-21 465
ios webView 子元素dom拖动回弹
iOS中WebView禁止左右滑动的方法遵从scroview的代理
Big_IOSdong的博客
07-06 2634
-(void)scrollViewDidScroll:(UIScrollView *)scrollView {     //禁止左右滑动左右   scrollView.contentOffset = CGPointMake(0, scrollView.contentOffset.y); }
UIWebView限制滑动
PandaDevelop的博客
12-16 879
UIWebView限制滑动 contentWebView.scrollView.bounces = false contentWebView.scrollView.isScrollEnabled = false 暂时不要问我为什么要两个一起设置，还没研究透呢，有人知道为什么也希望能够给我说一声
禁止ios浏览器页面上下滚动 (橡皮筋效果)弹性滚动 微信的下拉回弹
热门推荐
細水、長流√的专栏
05-27 2万+
发现之前阻止页面滚动的代码e.preventDefault代码失效了。于是自己折腾了一番，找到了解决办法。 一、前言 浏览器在移动端有一个默认触摸滚动的效果，让我们感触最深的莫过于微信浏览器里面，下拉时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止此效果。 在此先直接给一个方案，直接加上下面的代码即可： document.body.addEventListener('tou...
微信小程序 webview 禁止页面滚动，同时又不影响业务内overflow的滚动的实现方式
weixin_45316408的博客
06-09 1952
html,body{ position: fixed; top:0; left:0; height: 100vh; overflow: scroll; } 实现方式超级简单，但是我调了
苹果机轮播图阻止左滑退出
普罗旺斯的梦
03-28 240
1、轮播图代码如下，需在外层包裹id为Carousel的元素 import { useEffect } from 'react'; export function usePreventDefaultEvent(id) { useEffect(() => { const Carousel = document.getElementById(id); if (Carousel) { let startX = 0; let startY = 0;
ios webview
最新发布
01-01
### iOS WebView 使用教程及常见问题解决 #### 设置和初始化 WKWebView 在iOS平台上，`WKWebView` 是用于展示Web内容的主要组件之一。为了创建并配置 `WKWebView` ，通常会在视图控制器中完成如下操作： ```swift import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // 初始化 WKWebView 并设置其初始框架尺寸 webView = WKWebView(frame: .zero) view.addSubview(webView) // 自动布局约束以适应屏幕变化 webView.translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([ webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor), webView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor), webView.leadingAnchor.constraint(equalTo: view.leadingAnchor), webView.trailingAnchor.constraint(equalTo: view.trailingAnchor) ]) } } ``` #### 加载URL或HTML字符串 可以使用 `load(_:mimeType:characterEncodingName:baseURL:)` 方法来加载本地 HTML 字符串或者远程 URL。 对于加载特定 URL 的例子: ```swift if let url = URL(string: "https://example.com") { let request = URLRequest(url: url) webView.load(request) } ``` 当涉及到 PDF 文件时，则需注意某些特殊的属性设置[^3]。 #### 错误处理机制 针对可能出现的网络错误或其他异常状况，在实现 `WKNavigationDelegate` 协议的方法里可定义相应的逻辑来进行捕获与响应： ```swift extension ViewController: WKNavigationDelegate { /// 当导航发生临时性失败时调用此函数 func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) { print("Failed to load page due to \(error.localizedDescription)") // 可在此处重试加载页面 或者 提示用户检查连接状态 // 调整webview大小至全屏覆盖整个父容器区域 webView.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height) } ... } ``` #### 常见问题及其解决方案 - **WebView 显示为空白页** 如果发现 `WKWebView` 展现为空白页面而没有任何内容被渲染出来，可能是由于缺少必要的权限声明或是未正确指定要访问的内容源所致。确保 Info.plist 中包含了适当的应用程序传输安全 (ATS) 设置，并且所尝试打开的目标网站支持 HTTPS 连接[^2]。 - **性能优化建议** 为了避免不必要的资源消耗，应当考虑缓存策略、减少 JavaScript 和 CSS 文件体积等方面的工作；另外还可以利用后台线程执行耗时较长的任务从而提高用户体验流畅度。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

傻傻虎虎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值