如何判断webview是不是滑到底部

最新推荐文章于 2023-06-28 17:25:51 发布
最新推荐文章于 2023-06-28 17:25:51 发布
阅读量867 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发
原文链接：https://yq.aliyun.com/articles/32757
本文介绍如何使用WebView的getScrollY(), getHeight(), getContentHeight()及getScale()等方法来判断WebView是否已滚动到底部，这对于实现下拉刷新和上拉加载等功能至关重要。

getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。

getHeight()或者getBottom()方法都返回当前webview这个容器的高度

getContentHeight返回的是整个html的高度，但并不等同于当前整个页面的高度，因为webview有缩放功能，所以当前整个页面的高度实际上应该是原始html的高度再乘上缩放比例。

因此，更正后的结果，准确的判断方法应该是：

if(webview.getContentHeight*webview.getScale()-(webview.getHeight()+webview.getScrollY())==0){

     //已经处于底端

}

原文出处

看了这篇文章之后就知道webview到顶部是webview.getScrollY()==0，从而知道webview是怎么做下拉和上拉刷新的了。

鸿蒙NEXT版实战开发：如何判断Web滑动到了顶部/底部，并且把滑动事件传递给原生页面？
qq_39652397的博客
12-18 337
通过Web组件的onOverScroll事件可以判断Web滑动到了顶部/底部。
Android WebView 滚动方向判断同时底部导航栏隐藏或显示（动画效果）
dagezi56的专栏
11-18 4533
虽然现在手机屏幕越来越大，但一个简洁的界面也受很都app所追求。今天的案例是：ScrollView 或WebView 下拉滚动时隐藏底部导航栏让整个app界面更清爽简洁 其中用到的技术也只是监听屏幕滑动方向和滑动顶部和底部的判断而已还有就是动画效果--------废话不多少，直接上源码 布局文件： <LinearLayout xmlns:android="http://sche
Android--判断WebView是否已经滚动到页面底端
Huxq的博客
12-30 8861
getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。 getHeight()或者getBottom()方法都返回当前webview这个容器的高度 getContentHeight返回的是整个html的高度，但并不等同于当前整个页面的高度，因为webview有缩放功能，所以当前整个页面的高度实际上应该是原始html的高度再乘上缩放比例。 因此，
判断WebView是否已经滚动到页面底端
u011339364的专栏
04-26 1010
getScrollY()方法返回的是当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离. getHeight()或者getBottom()方法都返回当前WebView 这个容器的高度 getContentHeight 返回的是整个html 的高度,但并不等同于当前整个页面的高度,因为WebView 有缩放功能, 所以当前整个页面的高度实际上应该是原始html 的高度再...
android 监听webview 滑动方向以及是否滑动到顶部、底部
NewActivity的博客
03-15 5609
android 监听webview 滑动方向以及是否滑动到顶部、底部 SwipeRefreshLayout 与webview 滑动冲突
关于UIwebView判断是否滑到底
一只小菜鸟
04-19 3921
在实际中，总有些奇奇怪怪的需求，今天在在一个群里就看到一个人问怎么判断UIWebView是否滑到了底部，闲来无事就研究了下； 通过看API，我们知道UIWebView是继承了的UIViewNS_CLASS_AVAILABLE_IOS(2_0) __TVOS_PROHIBITED @interface UIWebView : UIView <NSCoding, UIScrollViewDelegat
Android监听WebView滑动到底部
iloveaman的专栏
12-20 5723
http://www.open-open.com/lib/view/open1379383341959.html MainActivity如下: 01 package cn.testwebview; 02 import android.app.Activity; 03
Android中解决WebView上下滑动监听问题
08-30
开发者通常需要这种监听功能来实现例如页面滚动到底部时加载更多数据或者执行特定的操作。本文介绍了一个解决方案，即通过扩展WebView类并重写`onScrollChanged`方法来实现滑动监听的功能。 首先，我们要注意到...
Android WebView实现网页滚动截图
08-27
以下是一个关键的辅助函数`getViewBitmapWithoutBottom()`，用于获取没有底部部分（如footer）的WebView截图。这个函数首先确保WebView的绘图缓存被启用，然后创建一个测量规格来精确测量WebView的尺寸，并布局...
ScrollView中嵌套WebView底部留白问题解决
AndyYuan317的博客
12-30 3862
本博客从根本上解决掉ScrollView嵌套WebView导致底部留有大面积空白问题。
Android WebView监听是否滚到到了头部
siyehua的专栏
10-11 893
package com.zy.tour.util.ui; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import com.zy.tour.util.widget.LWebView; /** * @类名:MyWebView * @功能描
android 判断webview是否已经滚动到底部
qq_36187935的博客
07-28 1793
private fun setWebView(webviewcontent: WebView, content: String) { webviewcontent.settings.javaScriptEnabled=true webviewcontent.settings.builtInZoomControls=true webviewcontent.settings.d...
android webview滑动至页面底部,怎么判断webview滑动到了底部以及从底部再次滑动到顶部...
weixin_39829574的博客
05-26 1282
如何判断webview滑动到了底部以及从底部再次滑动到顶部今天碰到需求，做帖子阅读时全屏阅读状态下，由于使用的webview展现，需要判断webview滑动到最底部是变为非全屏状态，以及全屏状态滑动到顶部时再次变为非全屏。有点绕嘴，简单说就是判断当webview的滚动条滑动到底部和顶部时进行一些监听捕获。如何捕获呢：首先给webview添加手势动作：具体添加手势我不写了，不知道的搜下百度，在手势的...
uni-app判断是否到底部
qq_34605417的博客
06-28 3262
【代码】uni-app判断是否到底部。
android webview 返回顶部,android中LinearLayoutManager一键返回顶部示例
weixin_31290291的博客
05-27 916
之前在学习RecyclerView的时候，建立了一个可以滑动的View列表，但是当滑动距离过长的时候，需要手动返回到顶部，于是加了一个一键返回顶部的按钮。效果图要实现这种效果，有两点需要实现：1、控制LanyoutManager滑动距离，根据滑动状态(距离)改变去设置隐藏或者显示。2、设置top的点击事件，点击回到顶部。很遗憾LayoutManager只提供给了我们获取第一个可见item的高度的方...
android列表滑到底部,Android中判断listview是否滑动到顶部和底部的实现方法
weixin_29480231的博客
05-26 426
今天实现listview的下拉刷新和上拉加载的时候，遇到了一个问题，*就是说需要根据listview中滑动的位置来进行下拉刷新和上拉加载。*具体点，只有当我的listview滑动到最顶部的时候，这时候下拉才执行刷新操作；只有当我的listview滑动到最底部的时候，这时候上拉才执行加载操作。那么怎么判断listview的滑动位置呢？其实还是比较好解决的，说一下我的想法：顶部的判断，根据listvi...
android 获取webview内容真实高度(webview上下可滚动距离)
weixin_34233618的博客
04-10 2285
正常获取： mainWebView.getContentHeight()//获取html高度 mainWebView.getScale()//手机上网页缩放比例 mainWebView.getHeight()//WebView控件的高度 mainWebView.getContentHeight() * mainWebView.getScale()//得到的是网页在手机上真实的高度 ...
SwipeRefreshLayout+webview getScrollY() 一直是0
新火燎塬的博客
11-07 447
SwipeRefreshLayout+webview getScrollY() 一直是0
微信小程序，uniapp的底部加载，滚动到底部刷新onReachBottom
Blue54的博客
05-09 4590
目录 onReachBottom了解 onReachBottom注意项： 事件具体写法： uni-load-more了解（不重要可自行考虑是否添加） getList事件具体（通过接口获取列表的事件） concat拼接： onReachBottom了解 使用uniapp的onReachBottom（）：页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。 onReachBottom（）具体了解可以查看官方api：页面简介 | uni-app官网 onReac
viewpager2与webview滑动冲突问题
最新发布
03-30
<think>嗯，用户想解决Android中ViewPager2和WebView之间的滑动冲突。这个问题我之前在开发中遇到过，需要仔细分析。首先，ViewPager2默认是横向滑动的，而WebView内部可能有垂直滚动或者横向滚动的元素，比如图片轮播。当用户斜着滑动时，可能会出现手势冲突，导致滑动不顺畅。 根据引用的资料，解决思路主要是通过自定义ViewPager2的滑动行为或者调整WebView的事件处理。比如引用[1]提到可以自定义ViewPager2的滑动逻辑，或者拦截WebView的触摸事件。引用[2]和[3]则提到了通过判断滑动方向来动态调整事件分发，比如当水平滑动距离大于垂直时，ViewPager2处理事件，否则交给WebView。 现在需要具体步骤。可能的方法之一是重写ViewPager2的onInterceptTouchEvent方法，根据手势方向决定是否拦截事件。另一种方法是自定义WebView，在内部处理滑动冲突。比如在WebView的onTouchEvent中判断方向，如果是垂直滚动则消费事件，否则不处理，让父容器ViewPager2处理横向滑动。 还要考虑不同方向滑动的阈值，比如水平滑动距离超过某个值才触发ViewPager2的切换。同时，引用[4]提到可能需要自定义父布局的事件拦截逻辑，或者使用NestedScrollView来协调滚动。 可能需要结合两种方法：自定义ViewPager2和WebView的事件处理。例如，在ViewPager2的子项中，如果检测到WebView需要处理垂直滚动，就暂时禁止ViewPager2的横向滑动，反之亦然。或者通过GestureDetector来判断手势方向，动态调整事件分发。 另外，使用腾讯X5内核的WebView可能会有不同的处理方式，如引用[2]提到的解决方案。可能需要为X5内核特别处理滑动冲突，例如在WebView内部拦截横向滑动事件，避免与ViewPager2冲突。 总结步骤可能包括：1. 自定义ViewPager2的onInterceptTouchEvent，根据滑动方向决定是否拦截。2. 在WebView中处理触摸事件，判断方向并决定是否消费事件。3. 使用GestureDetector来辅助判断滑动方向。4. 调整父容器的布局或使用NestedScrollView来协调滚动。 需要注意的是，不同的WebView实现（如AgentWeb或X5内核）可能需要不同的处理方式，代码实现上会有差异。同时，测试不同方向滑动的阈值和用户体验是否流畅也很关键。</think>### Android ViewPager2与WebView滑动冲突解决方案 #### 一、问题分析 ViewPager2默认横向滑动与WebView内部滚动（垂直或横向）会产生手势冲突，例如： - 当用户斜向滑动时，系统无法判断由谁响应事件 - WebView内部的横向轮播图可能与ViewPager2的横向切换冲突[^2] #### 二、核心解决思路 通过**自定义滑动事件分发逻辑**，根据滑动方向动态分配事件处理权： 1. 水平滑动主导时由ViewPager2处理 2. 垂直滑动主导时由WebView处理 #### 三、具体实现步骤 ##### 方法1：自定义ViewPager2（推荐） ```kotlin class CustomViewPager2(context: Context) : ViewPager2(context) { private var startX = 0f private var startY = 0f override fun onInterceptTouchEvent(ev: MotionEvent): Boolean { when (ev.action) { MotionEvent.ACTION_DOWN -> { startX = ev.x startY = ev.y parent.requestDisallowInterceptTouchEvent(true) } MotionEvent.ACTION_MOVE -> { val dx = abs(ev.x - startX) val dy = abs(ev.y - startY) // 水平滑动优先阈值（可调整） if (dx > dy * 0.5) { return super.onInterceptTouchEvent(ev) } } } return super.onInterceptTouchEvent(ev) } } ``` ##### 方法2：自定义WebView（适用于内部横向滚动） ```kotlin class ConflictWebView(context: Context) : WebView(context) { private var startX = 0f private var startY = 0f override fun onTouchEvent(event: MotionEvent): Boolean { when (event.action) { MotionEvent.ACTION_DOWN -> { startX = event.x startY = event.y } MotionEvent.ACTION_MOVE -> { val dx = abs(event.x - startX) val dy = abs(event.y - startY) // 垂直滑动优先时禁止父控件拦截 if (dy > dx * 0.5) { parent.requestDisallowInterceptTouchEvent(true) } } } return super.onTouchEvent(event) } } ``` #### 四、进阶优化方案 1. **嵌套滚动协调**（适用于复杂布局）： ```kotlin webView.setOnScrollChangeListener { _, scrollX, scrollY, oldX, oldY -> val canScrollVertically = webView.canScrollVertically(-1) || webView.canScrollVertically(1) viewPager2.isUserInputEnabled = !canScrollVertically } ``` 2. **X5内核特殊处理**： ```java webView.setWebViewCallback(new WebViewCallback() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // 处理X5内核的横向滚动拦截 } }); ``` #### 五、注意事项 1. 阈值比例（如0.5）需根据实际场景调整 2. 使用AgentWeb时需注意核心类继承关系[^3] 3. 测试时需覆盖以下场景： - WebView垂直滚动到底部后的斜向滑动 - 内部横向轮播图的边界滑动 - 快速滑动时的惯性滚动处理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值