better-scroll 在ios下，滑动过快时触发回弹(看到滑动之后，又弹回原处再次滑动)

最新推荐文章于 2022-11-04 15:54:13 发布
最新推荐文章于 2022-11-04 15:54:13 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： js 浏览器兼容性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37793545/article/details/107905347
版权
问题出现背景：

IOS版本：13.4版本，在Safari以及iphone微信下在better-scroll区域快速滑动时，均会出现该问题

处理办法

经查询是better-scroll插件在ios下的兼容性问题，github下有对应issue
目前插件在2.x版本已修复该问题，如果还在使用1.x，需要升级到2.x版本，1.x版本下插件作者目前尚未修复该bug

备注

better-scroll 2.x文档

Liar丶
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
better-scroll快速滑动，出现异常回弹
阑珊伊人
06-03 2472
原因： better-scroll在IOS 13.4版本上快速滑动，回出现异常回弹效果。这是由于IOS版本导致的。 解决办法： 在BS初始化时，加上useTransition:false github相关issues: iOS 13.4 下 bounce 存在异常
BetterScroll：可能是目前最好用的移动端滚动插件
weixin_34381666的博客
09-12 491
作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便我们更快地实现滚动场景下的需求，如下拉刷新、上拉加载。 由于它基于原...
关于better-scroll自动回滚的坑
qq_43677445的博客
11-22 1470
最近在写一个商城项目，遇到一个better-scroll的问题 用户跳回首页时肯定是要在之前浏览的位置，用到keep-alive。但是出现了当回到首页时会自动回滚到顶部的问题。 原因：轮播图的自动轮播（商城项目肯定是有轮播图的），页面数据的变动使better-sceoll的transform变为0。 解决方法：activated以及deactivated函数中使轮播的定时器开启和关闭。 有地方不对...
better-scroll解决ios在微信浏览器中的弹性布局
Raytheon的博客
05-16 764
什么是 better-scroll？ better-scroll是一个移动端滚动的解决方案，它是基于 iscroll 的重写。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 使用better-scroll解决微信浏览器在ios系统中，页面布局错乱，软键盘弹出导致底部tab上移等问题。 数据动态更新 better-scroll结合vue...
html滑动总是刷新,better-scroll刷新后才能滑动的解决方案
weixin_32323465的博客
06-07 392
使用cube-ui时鼠标滚轮无法使用,且老触发无法滑动的bug,我十分困惑,于是分析了scroll组件,发现better-scroll才是关键.于是我赶紧看了看better-scroll的文档.发现鼠标滚轮是可以开启的.开启之后终于可以愉快的使用鼠标滚轮了.mouseWheel: true,//开启鼠标滚轮使用better-scroll,在chrome浏览器测试代码,切换手机模拟器之后,就会出现刷...
vue2.0 better-scroll 实现移动端滑动的示例代码
08-28
Vue2.0 Better-Scroll 实现移动端滑动示例代码 本文主要介绍了使用 Vue2.0 和 Better-Scroll 实现移动端滑动的示例代码，着重于左右联动效果的实现方法。 Better-Scroll 介绍 Better-Scroll 是一个 JavaScript ...
vue使用better-scroll实现滑动以及左右联动
10-15
2. 使用`npm install`命令安装，确保在`node_modules`目录下可以看到安装的Better Scroll。 3. 在需要使用Better Scroll的组件中导入库，如：`import BScroll from 'better-scroll';` **二、Better Scroll的优点** ...
vue基于better-scroll实现左右联动滑动页面
10-15
`_initScroll`方法中，我们为`.menu-wrapper`和`.foods-wrapper`分别创建了两个不同的`BScroll`实例，其中`.foods-wrapper`的`probeType`设置为2，意味着它会在每次滚动时触发实时的scroll事件，方便我们实现联动...
vue使用better-scroll实现菜单列表左右联动
07-13
此外，如果菜单和内容列表的大小是动态的，你还需要在窗口尺寸变化或数据更新时重新计算宽度并更新 Better-Scroll 实例的配置。Vue 提供了 `updated` 生命周期钩子，你可以在其中处理这些情况。 最后，对于更复杂的...
better-scroll在最新的ios13.4版本上页面回弹异常
weixin_45115895的博客
05-18 657
最近的一个vue项目,客户提出在滑动到底部或顶部过快,会出现页面回弹,刚开始我以为是我自己哪里设置有问题,后来测试发现是ios版本问题 在ios刚升级的13.4版本上滑动到底部或顶部过快,就会出现页面回弹,首先想到在BS初始化时设置了禁止回弹:bounce:fasle,结果确实不回弹了,但是到底部或者顶部时整个页面会突然的闪一下,所以此路不通 后来问了同事,说在git上有个issue #978 就是关于这个问题的讨论,然后我就去找了一下,链接如下:https://github.com/ustbhuangyi
vue betterScroll上下滑动，让盒子有弹性
程序员张礼奎的博客
07-17 1223
<template> <div id="wrapper" ref="wrapper"> <slot></slot> </div> </template> <script> import BScroll from 'better-scroll' export defa...
vue中的滚动效果: better-scroll
最新发布
Allen的博客
11-04 1075
vue中的滚动效果: better-scroll
解决better-scroll下拉加载更多后，自动滚动到顶部的问题
weixin_48008551的博客
03-23 1223
当监听数据更新后，再次触发初始化，页面列表自动滚动到顶部，要想保持原位置，禁止当前滚动即可。 这里只会这个方法，如果有更好的方法，欢迎解答。 官方文档里有stop方法 stop() 参数：无 返回值：无 作用：立即停止当前运行的滚动动画。 init() { this.listScroll =new BScroll('.wrapper',{ probeType: 3, startY:true, c
关闭better-scroll滚动到最底部或者顶部的弹性效果
weixin_43756060的博客
02-21 8416
添加bounce: false就可以了 mounted () { this.scroll = new BScroll(this.$refs.wrapper, { probeType: 3, click: true, bounce: false }) }
IOS手机在滑动超过1屏后，跳转到其他站点H5页面，返回时白屏，再次滑动页面恢复正常
weixin_42464716的博客
01-07 2216
History.scrollRestoration默认为auto 会恢复页面滚动位置 初始化时改为manual即可。注意：此属性不是都存在，需要设置兼容。
better-scroll的那些坑
小醋包的博客
10-25 1万+
对于better-scroll，可以看下better-scroll介绍，或者当better-scroll遇见vue。better-scroll的第一个坑 可以看下这个better-scroll排坑。 better-scroll的第二个坑 不知道大家做移动端的时候有没有遇到过一个问题，用了better-scroll了之后，设置了this.scroll = new BScroll(this.$re
vue使用 better-scroll的参数和方法
热门推荐
TionSu的博客
08-28 1万+
格式：let obj = new BScroll(object,{[option1,],.,.}); Options 参数 startX: 0 开始的X轴位置startY: 0 开始的Y轴位置scrollY: true 滚动方向为 Y 轴scrollX: true 滚动方向为 X 轴click: true 是否派发click事件，通常判断浏览器派发的click还是betterscr
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值