BetterScroll

better scroll的滚动条样式

把页面全局滚动条设置为类似betterscroll风格的滚动条//滚动条高宽和背景::-webkit-scrollbar{width:6px;/*高宽分别对应横竖滚动条的尺寸*/height:6px;}
啊森森啊·2024-02-19 15:13

react18封装betterScroll2.5

最近用到了下拉刷新，所以尝试了下使用betterScroll2.5，封装了一个插槽组件，也是第一次使用react，基于当时的知识写的，反正能用，如果有更好的方法封装欢迎同学给予帮助;中文文档地址https
web前端进阶者·2024-01-16 14:25

移动端-vue-BScroll用法教程

移动端-vue-BScroll用法教程简介官网安装使用移动端滚动使用移动端联合滚动实现懒加载页面使用扩展-什么是防抖和节流相同点区别简介BetterScroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件
跳跳的小古风·2024-01-07 22:17

EventEmitter has used unknown event type: “pullingUp“, should be oneof

解决：1.判断srcipt标签引入的js是否包含所有插件如果引入了这个，代表没有任何插件，无法实现上拉加载换成下列引入，包括所有的插件换成下列这个代码constscroll=BetterScroll.createBScroll
yrfjygb·2024-01-07 03:02

对Vue.js音乐播放器的总结。（三）

写在前面:这次会讲一些难点,关于betterScroll组件方面的东西。
Djknight·2023-11-30 02:23

【项目难点】禁止滚动、文本溢出省略号、css实现三角形、动态样式（使用vue）

实现一：利用betterscroll插件，将列表彻底做成只能被touch或者tap类事件触发滚动的组件。实现二：如果弹窗没有滚动需求的话，可以在弹窗弹出时，禁用touchmove事件实现三：如果弹窗没
鲁南彭于晏·2023-11-29 04:16

vue中的滚动效果: better-scroll

better-scroll，受iscroll启发，它支持更多功能并具有更好的滚动性能BetterScroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。
Allen·赵·2023-11-28 18:13

从源码角度解读BetterScroll中maxScrollY的含义

最近在看一个Vue3Typescript项目，里面有段BetterScroll代码。
kingtopest·2023-11-07 20:36

基于betterscroll仿写美团外卖城市选择界面

前端开发难免用到一些滚动插件，其中iscroll和betterscroll是很不错的两款插件，本人之前写过一篇使用iscroll仿写支付宝”更多“页面滚动导航效果的，并附有代码，感兴趣的朋友可以移步一观
时髦的柠檬·2023-11-03 08:53

betterScroll.js 封装下拉刷新、上拉加载组件（踩坑）

betterScroll.js原理betterScroll.js滚动原理。
刘小胖LJX·2023-11-01 10:53

移动端滚动场景开源插件better-scroll的应用

插件better-scroll应用说明BetterScroll是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。
handsomePeng·2023-07-23 01:33

从 12.9K Star 的前端开源项目我学到了啥？

近期我们团队的小伙伴小池同学分享了“BetterScroll2.0发布：精益求精，与你同行”这篇文章到团队内部群，看到了插件化的架构设计，阿宝哥突然来了兴趣，因为之前阿宝哥在团队内部也做过相关的分享。
奇舞周刊·2023-04-03 18:00

vue中使用better-scroll的参数和方法

0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为Y轴scrollX:true滚动方向为X轴click:true是否派发click事件，通常判断浏览器派发的click还是betterscroll
O槑頭槑腦·2023-03-28 05:06

betterScroll且套问题

在移动端开发当中，betterScroll是我们开发当中必不可少的插件。。。
惜右眸_0b62·2023-03-17 07:10

betterScroll 上拉多次刷新的问题

最近项目使用了better-scroll这个插件,主要用到上拉加载数据。主要监听pullingUp事件来完成上拉功能,出现几个问题。1.不同的上拉操作多次执行pullingUp事件,结果是执行多次到后台取数据。2.在上拉操作过程中，滚动条还没有到达底部就执行pullingUp事件,体验不好。我的解决思路是不使用pullingUp事件使用touchEnd事件,当maxScrollY总距离-pos.y
李穆熙·2023-02-04 17:45

Vue+better-scroll 实现通讯录字母索引的示例代码

实现内容区列表的滚动给索引添加点击事件和移动事件实现跳转给索引添加高亮全部代码总结参考文献如图，实现一个滚动内容区域，右侧字母滚动索引定位；选择和拖动字母索引，对应内容滚动到视窗环境准备：安装better-scrollnpm包安装mouseWheel扩展BetterScroll
·2022-07-04 13:03

混合开发UIwebview遇到的坑

混合开发时，UIwebview不支持H5视图中overflow属性为scroll的盒子超出视图宽度（图片渲染的情况）现象：滚动区域会变空白解决：1、雪碧图，利用图片定位方式更新图片2、利用betterscroll
·2022-06-21 16:41

betterScroll点击事件

在batterScrool里面的元素点击事件无效时,首先考虑this.right=newBetterScroll(this.$refs.foodwrapper,{probeType:3,click:true})click是否设置为true
青铜搬砖工·2022-02-11 07:24

BetterScroll：可能是目前最好用的移动端滚动插件

BetterScroll是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），有下列功能支持滚动列表，下拉刷新，上拉刷新，轮播图，slider等功能。
公子世无双ss·2022-02-11 02:07

一款好用的移动端滚动插件BetterScroll

目录让滚动更流畅BetterScroll的滚动体验惯性滚动边缘回弹如何应用于各种需求场景普通滚动列表滚动条下拉刷新上拉加载选择器轮播图特殊场景索引列表开屏引导自由滚动小结作者：滴滴webapp架构组-付楠
·2021-09-08 17:27

BetterScroll源码阅读顺便学习TypeScript

开头TypeScript已经出来很多年了，现在用的人也越来越多，毋庸置疑，它会越来越流行，但是我还没有用过，因为首先是项目上不用，其次是我对强类型并不敏感，所以纯粹的光看文档看不了几分钟就心不在焉，一直就被耽搁了。但是，现在很多流行的框架都开始用TypeScript重构，很多文章的示例代码也变成TypeScript，所以这就很尴尬了，你不会就看不懂，所以好了，没得选了。既然目前我的痛点是看源码看不
·2021-08-05 00:02

vue使用better-scroll实现横向滚动的方法实例

二、better-scroll的html结构先来看一下better-scroll常见的html结构：.........BetterScroll应用于外部wrapper容器，并且滚动部分是content。
·2021-06-07 17:42

关于better-scroll插件的无法滑动bug(2021通过插件解决)

那么，当content的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们就可以滚动内容区了BetterScroll默认处理容器（wrapper）的第一个子元素（content）的滚动
·2021-03-09 21:25

项目中better-scroll的常用配置、插件介绍

文章目录介绍最常见的应用场景是列表滚动滚动原理安装全部安装按需安装（推荐）插件使用插件常用插件pullUpobserve-domobserve-image常用配置项clickprobeType常用注意事项在vue中使用建议用ref属性绑定scroll对象介绍BetterScroll
阿牛大牛中·2021-02-11 16:00

这个 29.7 K 的剪贴板 JS 库有点东西！

2020年即将结束了，不知不觉源码分析专题已经写了9篇文章，往期的8篇文章介绍了Axios、BetterScroll、koa-compose和FileSaver.js等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力
阿宝哥·2020-12-18 11:56

这个 29.7 K 的剪贴板 JS 库有点东西！

2020年即将结束了，不知不觉源码分析专题已经写了9篇文章，往期的8篇文章介绍了Axios、BetterScroll、koa-compose和FileSaver.js等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力
阿宝哥·2020-12-18 10:40

解决H5页面无法滚动

H5页面没有使用任何滚动插件，比如：iscroll.min.js或者BetterScroll。
Razas·2020-09-16 18:57

vue BetterScroll的安装使用

npminstallbetter-scroll--save视图结构：.........引用方式：importBScrollfrom'better-scroll'constwrapper=document.querySelector('.wrapper')constscroll=newBScroll(wrapper)
JinmyHe·2020-09-12 23:17

在 vue cli3 创建的项目中，使用 better-scroll 的具体步骤：

better-scroll2.x中文文档:https://better-scroll.github.io/docs/zh-CN/plugins/infinity.htmlbetter-scroll概念:BetterScroll
『九离~空白』·2020-09-12 23:05

vue 一个简单的项目 之二 城市选择页面 step4

我们使用第三方包BetterScroll地址：https://github.com/ustbhuangyi/better-scroll先，在项目里下载进来npminstallbetter-scroll-
purple_lumpy·2020-09-11 19:44

vue + any-touch实现一个iscroll ? - (1) 实现拖拽和滑动动画

any-touch先看demodemo本次文章先实现内容拖拽和滑动动画,后续文章一步一步增加功能,比如滚动条/下拉加载等功能.说点湿的iscroll其实代码量挺大的(近2100行,还有另一个类似的库betterScroll
铁皮饭盒·2020-08-24 15:18

better scroll与flex联用在ios 10下无法滑动的问题

betterscroll与flex联用在ios10下无法滑动的问题上图使用的betterscroll做下拉刷新，中间部分中flex:1自适应高度，做betterscroll的壳子，然而在ios10上，居然滚动不了
黄治文个人博客·2020-08-24 01:49

vuejs实现升级无缝轮播图效果

主要使用betterscroll插件：总结如下：1.
积码成猿·2020-08-23 18:47

better-scroll 实现简单的轮播 无缝滚动~

代码如下：{{index+1}}importBScrollfrom'better-scroll';exportdefault{name:"betterScroll",props:{loop:{type:
weixin_30525825·2020-08-22 14:19

vue better-scroll的参数和方法

0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为Y轴scrollX:true滚动方向为X轴click:true是否派发click事件，通常判断浏览器派发的click还是betterscroll
yaoxinsong·2020-08-22 11:33

Vue 滚动插件BetterScroll 封装下拉刷新、上拉触底 (待优化)

importBScrollfrom'better-scroll'letwrapper=document.querySelector('.wrapper')letscroll=newBScroll(wrapper,{})BScroll初始化时机mounted(){this.$nextTick(()=>{this.scroll=newBscroll(this.$refs.wrapper,{})})}如
HIQMingdeng·2020-08-21 16:19

饿了么慕课网学习手记（二）BetterScroll

简介BetterScroll是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），有下列功能支持滚动列表，下拉刷新，上拉刷新，轮播图，slider等功能。
mfind_千一·2020-08-18 05:26

VUEJS滚动插件BetterScroll使用时 无法滚动，但是已经捕获 demo

最近用了BetterScroll仿照别人的源码开发个小东西玩遇到了问题，和群里��S_m1n9、讨论了下：这个比较坑爹。
wpj130·2020-08-13 23:07

BetterScroll 2.x 的 pulldown 使用、pullup使用

官方文档：https://better-scroll.github.io/docs/zh-CN/plugins/BetterScrol滚动原理有唯一的子节点子节点必须超出包裹的高度newBScroll（‘容器名’）html内容必须已经渲染完成绿色部分为wrapper，也就是父容器，它会有固定的高度。黄色部分为content，它是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那么，当cont
weixin_43297321·2020-08-13 22:16

better-scroll 上拉加载，下拉刷新(解决移动端长页面卡顿)

一、BetterScroll滚动原理1.下图能直观的表示better-scroll的滚动原理2.html设置.........3.js设置varwrapper=document.querySelector
weixin_34050005·2020-08-13 21:26

passive的作用和原理

passived主要用于优化浏览器页面滚动的性能，让页面滚动更顺滑~~BetterScroll：可能是目前最好用的移动端滚动插件passived产生的历史时间线addEventListener()：大家都是认识的
我的乌托·2020-08-13 20:45

饿了么项目---8、关于iscoll的扩展 better scroll的使用----左右菜单联动(2)

本章重点：-如何使用betterscroll的事件派发-betterscroll的滚动监听事件、如何滚动元素、如何实现左右联动的巧妙逻辑一、效果图二、需求分析分块：good.vue组件主要分为左侧菜单区
yx912·2020-08-13 17:25

关于betterscroll 默认向上滚动一段距离 解决方式

最近一直用betterscroll来做页面的滚动下拉刷新上拉加载等。
黄治文个人博客·2020-08-13 17:41

解决betterScroll在vue中存在图片时，出现拉不动的情况！

1.先写一个图片加载的方法classImgLoadClass{staticpreloadImages=(arr)=>{//已经加载完的图片数量letloadeImage=0//存放图片的数组letnewImages=[]//处理存入字符串，取得src部分//letarr=str.match(/src="(.+)"\s{1}/g)//返回一个promise对像returnnewPromise((re
Mr航·2020-08-13 16:15

betterscroll使用总结

wrapper，第二个是contentwrapper的高度固定，而content需要高度比wrapper大，content是wrapper唯一的子节点所有需要滚动的元素列表放入content中2、使用betterscroll
little_kid_pea·2020-08-13 15:45

5.14 Uncaught (in promise) TypeError: undefined，betterScroll的maxScrollY，搜索上拉刷新效果思路，节流函数，元素插入首部

1、上午碰到一个Uncaught(inpromise)TypeError:srcundefined的问题，纠结了好久。思路：认为是promise应答失败，结果设置catch捕获异常。提示信息依旧是srcundefined，经过30分钟，log的地毯式查询。原因：发现是ret数组的初始化建立失败，ret数组是根据list数组创建的，当我在forEach循环list数组时，我加入了if判断导致ret数
qq_40196738·2020-08-03 03:48

better-scroll封装具有上拉加载、下拉刷新等组件(Vue)

loadMore='x'函数,作为下拉加载、上拉刷新回调函数回到顶部自定义临界值具体配置看代码注释代码示例:↑importBScrollfrom'better-scroll'exportdefault{name:'betterScroll
神奇大叔·2020-08-01 05:51

网易云项目 ----轮播图（BetterScroll 2.x 的使用）

这里写目录标题用BetterScroll2.x和网易云的api接口实现轮播图调用网易云api下载安装网易云音乐的api接口router.js和main.js的配置组件banner.vueBetterScroll2
ThinkerWing·2020-07-29 05:59

在vue中封装betterscroll+解决betterscroll封装使用后在浏览器可以滚动但发布到手机上却不能滚动的问题

如果对于betterscroll插件还不了解的可以参考BetterScroll：可能是目前最好用的移动端滚动插件在vue中使用betterscroll、betterscroll的滚动原理以及scroll
星星，就酱·2020-07-09 04:45

better scroll vue组件化封装 解决横向纵向同时存在的问题

2019独角兽企业重金招聘Python工程师标准>>>由于之前项目用的是mintui中的scrollview主管要求更换成betterscroll来获得更好的体验，所以代码如下。
weixin_34185512·2020-07-08 17:01
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他