android 加载h5页面部分机型滑动卡顿回弹

【android】我在使用webview加载我们的h5页面后,部分机型(如小米,三星)h5页面会出现滑动卡顿、回弹
的问题,加载百度h5页面却很流畅。ios端没有这样的问题。我很困惑,不知道问题出在哪里,我搜过网上也没有我这样类似的问题,希望大神能够指教一下,拜谢。

0

2个回答

webView.setLayerType(View.LAYER_TYPE_HARDWARE,null);//开启硬件加速

1
weixin_44892796
weixin_44892796 回复weixin_42535797: 你解决这个问题了吗兄弟,是因为什么原因啊。我这里也出现这种情况了,开启了硬件加速也不行
3 个月之前 回复
IsmeJay
IsmeJay 您好,我的开启硬件加速也不行,还是会回弹,我的是整体可以滑动,里面还有其他区域也可以局部滑动,和这个有关系吗
3 个月之前 回复
weixin_42535797
weixin_42535797 谢了 兄弟 保全
4 个月之前 回复

开起硬件加速会引起白屏

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
H5页面 部分Android 手机(魅族M721Q)滑动不流畅问题
魅族 弹窗内容滑动惯性停止之后不能继续向原来的方向滑动
【解决方案】使用WebView卡顿情况处理方案
原因1:硬件加速没有打开 解决代码:webView.setLayerType(View.LAYER_TYPE_HARDWARE,null);//开启硬件加速
实现滚动条丝滑滚动,流畅不卡顿,有回弹效果。-webkit-overflow-scrolling
1.我们经常会实现横划的滚动列表,如下图。但是手指离开屏幕 滑动停止,而且明显有点卡顿感,那么怎么解决这个问题~ 解决方式:给父类加-webkit-overflow-scrolling;touch 属性 解析:-webkit-overflow-scrolling;touch  属性控制元素在移动设备上是否使用滚动回弹效果.、           -webkit-overflow-sc
部分华为Android7.0手机 WebView滑动卡顿
今天碰到一个很恶心的问题,就部分华为Android7.0手机 WebView滑动卡顿,这种情况出现在最近发布的几款发布的华为手机上,解决方法就是给WebView加上背景。至于为什么,等待大牛解答。
H5 移动端滑屏卡顿问题原因及解决方法
加入 *{ -webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling是什么东西 -webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touch auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。 touch: 使用具...
解决html5手机端滑动卡顿的现象
 * {     -webkit-overflow-scrolling: touch; }
H5 滑屏卡顿问题原因及解决方法
最近碰到一个问题,就是安卓滑屏的时候很流畅,IOS滑屏时有时会卡顿,后来查博客找到了解决方法,也顺便记录了下来!存在原因1:html,body{ height: 100%; }解决方法:将此代码删除即可!存在原因2:*{ -webkit-overflow-scrolling: touch; }解决方法:将上述css代码添加到css文件里即可!目前只了解到这两个原因,欢迎补充原因及解决方法!...
h5解决移动端上滑卡顿问题
select{ -webkit-overflow-scrolling: touch;/*解决移动端滑动卡顿问题*/ -webkit-transform: translateZ(0px);/*开启GPU加速*/ } /* -webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touch auto: 使用普通滚动, 当手指从触摸屏上移开,...
移动端或微信浏览器中H5页面滚动时卡顿不流畅而且有时整个网页被拉起出现浏览器背景...
iOS端浏览器滑动卡顿不流畅可以用-webkit-overflow-scrolling: touch;通过提升内存占用提升流畅性;至于网页被拖起出现空白;可以禁止滑动事件,然后按需开启需要滑动的dom; overscroll(els) { for (var i = 0; i < els.length; ++i) { ...
ios h5页面滚动卡顿的解决办法
开发微信公众号网页的时候发觉iOS系统滑动页面的时候会特别卡顿,但是安卓就比较流畅。 网上搜索发觉有这个css属性可以设置iOS滑动不卡顿 -webkit-overflow-scrolling: touch 不过看文档也提示说尽量少用这个特性,但是实在无法解决的情况下还是用这个了。...
移动端web页面滚动不流畅,卡顿闪烁解决方案
1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置如下实现惯性滚动和弹性效果: -webkit-overflow-scrolling: touch 2.position属性导致的页面滚动不流畅问题: <div style="overflow-x: hidden; overflow-y: auto; position: absolute; ...
iscroll 的上拉刷新下拉加载 及卡顿的解决办法
function load() { pullDown = $("#pullDown"), loadingStep = 0; //加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新   pullDown.hide(); myScroll = new IScroll("#wrapper", { disableMouse: false, d
-webkit-overflow-scrolling解决移动端iOS滚动卡顿现象
css3中-webkit-overflow-scrolling使用方法 -webkit-overflow-scrolling: touch; //有回弹效果 -webkit-overflow-scrolling: auto; //滑到哪停到哪 实现滚动回弹效果的页面布局 (实战) html <div class="containBox n...
使用apicloud开发移动端APP,IOS list页面滚动卡顿解决记录
给内容容器添加样式:-webkit-overflow-scrolling:touch;-webkit-overflow-scrolling:属性控制元素在移动设备上是否使用滚动回弹效果.auto:使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch:使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同...
Android 界面滑动卡顿分析与解决方案(入门)
Android 界面滑动卡顿分析与解决方案(入门)导致Android界面滑动卡顿主要有两个原因: 1.UI线程(main)有耗时操作 2.视图渲染时间过长,导致卡顿目前只讲第1点,第二点相对比较复杂待以后慢慢研究。众所周知,界面的流畅度主要依赖FPS这个值,这个值是通过(1s/渲染1帧所花费的时间)计算所得,FPS值越大视频越流畅,所以就需要渲染1帧的时间能尽量缩短。正常流畅度的FPS值在60左...
css ios H5页面web页面 上下滑动卡顿问题解决方案(亲测)
原因1: html,body{ height: 100%; } 删除上述代码即可。     其他原因: *{ -webkit-overflow-scrolling: touch; } 增加上述代码。
移动端禁止浏览器上下拉回弹,修复iOS最顶或最底时滚动卡顿
一、场景:在移动端各别浏览器中,滚动页面到最顶或最底部继续拉动touchend时会出现页面上下回弹,在iOS中还会在此时出现滚动卡顿。 二、主要代码(本文以Vue为框架进行表达) 1. 结构  <div class="box"> <div class="section" ref="sectionBox" @touchstart="touchstart" @touc...
android webview 加载本地html并且解决多图卡顿问题
使用webview加载本地html,因为本地html使用多张图片,滑动起来卡顿,解决方法如下: 把文件夹放入assets文件夹下 Activity加载: WebView wView = (WebView)findViewById(R.id.webview); wView.loadUrl("file:///android_asset/guide/index.html");加速图片
关于H5 web页面在ios端滑动卡顿问题
原因1:html,body{ height: 100%; }删除上述代码即可。 (亲测)其他原因:*{ -webkit-overflow-scrolling: touch; }增加上述代码。(未测) 转载http://blog.csdn.net/itzhongzi/article/details/76202740
解决webview加载过大的图片导致水平滑动的视觉
最近解析html时出现了图片过大,导致我的界面可以水平滑动,体验感非常不好,解决方法如下: mWebView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) {
Collapsing ToolbarLayout、AppBarLayout和NestedScrollView组合滑动折叠或拉伸Toolbar的demo
http://blog.csdn.net/richiezhu/article/details/51005349
html5页面在ios滑动卡顿问题
此处只是一个笔记,有用的就拿去,自己是在使用div的overflow:scroll时发现的此问题,在iphone手机上效果非常卡,添加-webkit-overflow-scrolling:touch样式后,解决
解决H5移动微场景动画卡的问题
.main-page *{ backface-visibility:hidden; /* 隐藏被旋转的 div 元素的背面,开启GPU硬件加速 */ -webkit-backface-visibility:hidden; /* Chrome 和 Safari */ -moz-backface-visibility:hidden;
H5网页在ios系统里滑动卡顿
H5网页在安卓系统里滑动还是挺流畅的,但是在苹果手机里面会异常的卡顿,优化方案如下: overflow:auto; /* 用于 android4+,或其他设备 */ -webkit-overflow-scrolling:touch; /* 用于 ios5+ */ 注意:这段代码一定要加在最外层的容器里。例如webpack中常用的app,或者html,body中。 ...
ios手机页面滑动卡顿问题
说起来真是件悲伤的事情,开发了这么多移动端页面,今天犯了一个低级,而我却不知道的错误。因为现在移动设备真是贼辣多,手机屏幕的高度,宽度各式各样。所以我们有一些页面高度不够长,在iPhone8x、三星长屏手机等页面显示不全,所以我开发的时候,有时候会给html和body都设置上height:100%,所以在ios手机上这个页面滑动的时候就会卡顿了。正确的做法应该是这样的:给html设置一个min-h...
移动端页面滑动卡顿问题
在body上加入:-webkit-overflow-scrolling:touch
Android 界面滑动卡顿分析与解决方案
导致Android界面滑动卡顿主要有两个原因: 1.UI线程(main)有耗时操作 2.视图渲染时间过长,导致卡顿 目前只讲第1点,第二点相对比较复杂待以后慢慢研究。 众所周知,界面的流畅度主要依赖FPS这个值,这个值是通过(1s/渲染1帧所花费的时间)计算所得,FPS值越大视频越流畅,所以就需要渲染1帧的时间能尽量缩短。正常流畅度的FPS值在60左右,即渲染一帧的时间不应大于17ms。
安卓-页面卡顿-分析方法
界面卡顿影响的页面 : ListViewScrollView有动画的页面  分析步骤 打开调试开发者选项,GPU呈现模式分析如果蓝色部分比较高,说明是UI线程性能问题红色部分比较高,应该是DrawList比较复杂,这部分可能跟蓝色部分相关。目前还没想到蓝色部分不高,红色部分搞的案例。黄色部分搞,也许是GPU太忙,也许是CPU太忙。 GPU太忙,说明DrawList太多,CPU太忙,说
iOS collectionView的items在滑动的时候会回弹一部分,滑动卡顿
去掉    self.collectionView.pagingEnabled = YES;
ScrollView 里嵌套WebView,WebView不能上下滑动或卡顿
自定义一个MyScrollView (重点在红色加粗的 return false;之前别人文章都是return true;结果并不能解决问题,改成false即可。) public class MyScrollView extends ScrollView { private GestureDetector mGestureDetector; View.OnTouchListen
列表中使用Picasso加载图片滑动列表时加载效率优化解决滑动卡顿问题
1、ListView优化: 重新自定义ScrollListener并设置滑动事件 mListView.setOnScrollListener(new ScrollListenerListView(this)); 自定义的ScrollListener如下: import android.content.Context; import android.support.v7.widget.R
HTML页面在IOS上出现卡顿的解决方案(overflow:scroll)
之前在给app做html页面时出现一个奇怪的一个问题 , 相同的一个网页 , 在Android上非常流畅无任何问题 , 而在IOS端浏览时 , 页面滑动起来有明显的卡顿感 . 经网上搜索了解后 , 发现页面中使用了overflow:scroll属性所致(在滑动的div上添加该属性) . 由于本人对前端不甚了解 , 不知道是HTML的问题还是IOS的问题 , 具体谁的锅也无法得知 .     对此
iOS解决滑动页面卡顿的基本技巧
引言 在开发中我们常常会遇到布局比较复杂的cell,在滑动的时候会导致界面不流畅,出现卡顿的现象,这是由于CPU计算和GPU渲染,之间未及时交换数据丢失帧导致的结果。 imageView尽量设置为不透明 opque尽量设置为YES 当imageView的opque设置为YES的时候其alpha的属性就会无效,imageView的半透明取决于其图片半透明或者imageView
常见的移动端H5页面开发遇到的坑和解决办法
转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!! 1、安卓浏览器看背景图片,有些设备会模糊。   用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?   经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iP
【BUG解决】Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)...
http://androiddada.iteye.com/   最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也就是20张图片,会导致listview滑动卡顿! 这是用户不想看到的,我参考了网易新闻和电子市场等应用,发现它们都是只加载屏幕...
Android开发-ViewPager嵌套Fragment卡顿解决Viewpager滑动重复加载Fragment延迟加载
Fragment大家肯定不会陌生的,几乎每个App里都有它的存在,作为Google在3.0以后引入的一个概念,
包含多个RecyclerView的页面惯性滑动时,卡顿问题的解决办法
 public class MyRecyclerView extends RecyclerView {     public MyRecyclerView(Context context) {         super(context);     }     public MyRecyclerView(Context context, @Nullable AttributeSet attrs)...
ionic3 踩坑、滚动页面时 (ios) safari橡皮筋效果
-webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert]; 用ionic3做手机通讯录,拖动右边字母索引控制联系人(scroll-content元素)滚动时, 在ios中ionic页面会跟着一起滚动。原因就是:    1、ios 中ionic内置浏览器为Safari,    2、她实现了-webki...
RecyclerView 局部刷新Item卡顿,已解决
我们在做需求的时候,很大频率上用到局部刷新item: adapter.notifyItemChanged(position); 但是会觉得卡顿, 这个时候我们只需要在这个方法在加一个参数就解决了 adapterObtainCardLibrary.notifyItemChanged(position, 0);http://blog.csdn.net/lyankj/article/detai
H5页面选IOS系统滑动卡动问题!
正常的H5页面在安卓 win下滑动正常,但是IOS下明显卡顿!解决方法:在主体内容的class下面加 如下:main{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}解决问题...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 微信h5页面开发教程 微信h5支付页面开发教程