Better-scroll

better-scroll：实现菜单和内容联动的效果

1、基本使用ezgif.com-video-to-gif.gifDocument*{margin:0;padding:0;border:0;outline:none;font-family:Arial;list-style:none;-webkit-font-smoothing:antialiased;}html,body,#app{height:100%;}#app{padding:20px0;
闪闪发光lucia·2023-06-21 18:43

vue关于下拉刷新，上拉加载

下拉刷新，上拉加载在项目中是很常见的需求之前一直在用better-scroll，总会出现多次加载的问题，一直没办法完美解决最近发现了一个新的框架mescroll采用原生js，不依赖JQ、zepto安装：
六神丶·2023-06-20 12:50

前端封装一个移动端（已支持PC）滚动的组件

安装npminstall@better-scroll/core--save引入importBScrollfrom'@better-scroll/core'直接上代码Scroll.vueimportuseScrollfrom
老电影故事·2023-06-20 06:28

javascript基础三十：JavaScript如何实现上拉加载，下拉刷新？

一、前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js
小爱同学-Allen·2023-06-07 23:48

鼠眼电影

使用Vue，axios，better-scroll，mint-ui完成的影评，影视，影院等功能的移动端页面相关页面城市列表.png电影.png电影详情.png购物列表.png卡包.png设置.png搜素
zsasjy·2023-04-21 07:23

vue实现某一区域滚动，头部底部固定，中间滚动

滑动插件：better-scroll1.npminstallbetter-scroll-S2.引入配置importBetterScrollfrom'better-scroll'letbs=newBetterScroll
努力站桩的奶酪呦·2023-04-20 19:36

better-scroll的基本使用

在做项目的时候，有使用到better-scroll来完成滚动，在这里记录一下对better-scroll的基本使用和一些使用心得。
walycode·2023-04-18 16:51

2019-07-22

importBScrollfrom'better-scroll';constDIRECTION_H='horizontal';constDIRECTION_V='vertical';exportdefault
Clover园·2023-04-12 14:27

vue 中better-scroll滚动插件和show的使用

image.png1npmibetter-scroll2importBScrollfrom'better-scroll'2.13.ratings{position:absolute;top:174px;
阳光之城alt·2023-04-10 11:20

better-scroll

better-scroll的初始化时机很重要，因为它在初始化的时候，会计算父元素和子元素的高度和宽度，来决定是否可以纵向和横向滚动。
阿帕奇哟·2023-04-07 12:35

一分钟学会前端下拉加载和路由切换

项目整体使用：react+hooks+redux+mocker-api优化：better-scroll,styled-component,react-config-router,react-lazyload
榴莲妹妹是程序媛·2023-04-07 04:01

better-scroll 实现下拉刷新、上拉加载的那些坑

**下载better-scroll**`npmibetter-scroll--save`pulldown，监听下拉动作，可以实现下拉刷新；pullup，监听上拉动作，可以实现上拉加载；scrollbar
碑无名·2023-04-07 04:18

滚动条插件better-scroll(BScroll)的使用

移动端中滚动条插件better-scroll(BScroll)的使用定义：better-scroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。
Software攻城狮·2023-04-04 16:58

关于 Vue 混入 (Mixin)

VueMixinisVue中可以可以实现组件混入的写法,类似Python的多继承关系在scroll.js中对better-scroll进行二次封装importBScrollfrom'better-scroll'exportdefault
王二麻子88·2023-04-02 07:40

键盘弹起后 better-scroll导致页面无法下落（vue移动端）

整体页面用better-scroll包裹起来，当我点击input框之后弹起键盘，整体页面向上移动。然而，当我点击关闭键盘后页面并没有整体下来。
_constructor·2023-03-31 00:37

vue开发文档整理

一、技术选型使用vue-cli基于webpack结合的核心使用vue、vue-router使用vuex做全局数据的状态管理better-scroll滚动回弹mock模拟数据axios/fetch进行网络请求二
a不知所谓·2023-03-30 19:51

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

中文文档地址letobj=newBScroll(object,{[option1,],.,.});1、Options参数startX:0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为Y轴scrollX:true滚动方向为X轴click:true是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用_construc
O槑頭槑腦·2023-03-28 05:06

vue移动端使用better-scroll，看这儿就够了，让你感受如丝般顺滑

第一步：下载直接在项目中下载better-scroll第二步:引入在需要的页面直接引入就行第三步：初始化直接在mounted里面newBScroll出来就可以（不可在created里面，better-scroll
悟空Wukong95·2023-03-20 21:33

TypeScript之Better-Scoll 记录

传送better-scroll官网安装//历史版本TypeScript中import会不兼容，所以需要使用新版本npminstall@better-scroll/core@next--save使用示例/
我把今生当成了来世·2023-03-20 07:51

使用better-scroll横向滚动2018-10-17

使用better-scroll要使内层容器宽度大于外层容器才可以滚动，当内层容器宽度等于外层容器时，无法滚动，这时候就需要动态设置内层容器宽度。
TTTXTTT·2023-03-19 09:59

节流/防抖函数 和 better-scroll解决移动端滑动卡顿问题

节流函数就像游戏cd一样，一定时间之内执行一次防抖的应用场景，页面窗口滑动functionthrottle(func,delay){varprev=Date.now();returnfunction(){varcontext=this;varargs=arguments;varnow=Date.now();if(now-prev>=delay){func.apply(context,args);p
大佬教我写程序·2023-03-18 09:25

better-scroll体验

安装npminstallbetter-scroll--save初始化.........importBScrollfrom'better-scroll'letscroll=newBScroll('.wrapper
Rotary·2023-03-11 08:56

关于better-scroll 横向纵向滚动回弹

请参考https://juejin.im/post/5a79230ef265da4e896ab029https://juejin.im/post/5a9a48a55188255584536f75
力丸x·2023-03-11 04:44

插件：better-scroll的参数和方法

格式：letobj=newBScroll(object,{[option1,],.,.});注意，如果在某一个组件内创建了一个BScroll的实例，在组件生命周期结束前要注意调用destroy方法，否则在滑动过程中切换页面会导致一直触发scroll事件，导致一些意想不到的问题，切记！！！Options参数startX:0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为
叶叶叶xxx·2023-03-08 22:27

快速上手better-scroll

新手快速掌握better-scroll的常用API只为新手上路~老司机别抢道汇集配套功能的方法：例如上拉刷新：需开启，需监听，需完成纵向的排版HTML:contentcss://包裹盒子.wrap{height
贝程学院_前端·2023-02-17 23:14

Vue定制尺子，支持各种自定义，使用简单方便

看到网上很多关于Vue的尺子组件，有一些上传到npm官网的，但是使用并不方便，支持的定制化也不够用，抽空写了一个，总体来说主要是样式写好，效果是基于better-scroll实现的，支持bounce效果
Jeff_Kitty·2023-02-07 07:42

better-scroll不滑动记录

现象就是在van-overlay控件中，所有属性及标签都设置正确，content控件也超出了scroll控件，content控件也被正确附上better-scroll属性，scroll也挂载成功并打印出来正确的属性值
lixiangdev·2023-02-06 04:59

javascript中better-scroll

better-scroll它可以用手指拖动滑动，比滚动条高级些。还可以上拉刷新后台数据，下拉加载。需要开启，默认会是false，开启是true。
随缘kk·2023-02-05 16:52

betterScroll 上拉多次刷新的问题

最近项目使用了better-scroll这个插件,主要用到上拉加载数据。主要监听pullingUp事件来完成上拉功能,出现几个问题。
李穆熙·2023-02-04 17:45

解决better-scroll使真机测试浏览器click事件失效问题

今天在使用安卓真机测试时发现点击事件不生效，后来找到原因是因为better-scroll默认会阻止浏览器的原生click事件。
二熊不是熊二·2023-02-01 19:55

vue 注册全局组件

在学习自定义封装better-scroll组件后，想对该主键其进行全局注册。
不负好时光_9c46·2022-12-28 17:27

基于vue移动端开发笔记

1.滚动到某个地方固定到顶端用position:sticky;position:sticky;top:44px;//固定的位置注意：兼容性不好，如果是移动端的话可以使用，pc端看情况2.滚动使用的插件better-scroll
丘比特灬忧伤·2022-10-31 07:09

react+tsx中使用better-scroll详解

目录配置与初始化实践react+tsx中使用better-scroll首先，你要知道为什么可以滚动，原理很简单，父容器的高度比子元素的小即可。
·2022-09-10 19:39

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

目录环境准备：实现步骤：数据结构基本HTML使用better-scroll实现内容区列表的滚动给索引添加点击事件和移动事件实现跳转给索引添加高亮全部代码总结参考文献如图，实现一个滚动内容区域，右侧字母滚动索引定位
·2022-07-04 13:03

Vue 读取HTMLCollection列表的length为0问题

目录读取HTMLCollection列表的length为0原因无法读取HTMLCollection列表的length解决问题原因解决方案读取HTMLCollection列表的length为0在计算better-scroll
·2022-06-02 18:47

vue实现列表左右联动效果

2、使用页面滑动scroll事件，引入better-scroll组件。这个较为轻便，
·2022-04-15 10:02

vue前台项目开发前置准备

网络请求模块三、vue-flexible.js全局适配四、文件配置4.1vue.editorconfig文件配置4.2normailze.css全局样式配置4.3vue.config.js文件配置五.better-scroll
呆萌小新@渊洁·2022-03-18 21:25

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

为了满足这些功能，better-scroll通过使用惯性滚动、边界回弹、滚动条淡入淡出来确保滚动的流畅。同时还支持很多API和事件，具体支持的事件可以查看官网讲的非常详细。
公子世无双ss·2022-02-11 02:07

Vue常用插件

better-scroll"better-scroll":"^1.13.2"^1.13.2=>1.13.9^符号含义,可以改变1.13.?
iOS乐乐·2022-02-11 02:47

vuejs仿美团，饿了么项目之——better-scroll篇

这篇主要写下关于better-scroll的用法，来实现菜单和商品的左右联动。在good组件中，用flex布局左边的菜单和右边的商品两部分。通过v-for将数据渲染进去。
从小就很瘦·2022-02-09 05:17

vue开发移动端使用better-scroll时click事件失效的解决方案

最近使用vue学习开发移动端的项目，使用了better-scroll插件做滚动。
·2021-08-25 13:56

vue项目小坑

better-scroll和fastclick库冲突问题：通常情况下，我们会使用fastclick库来解决手机端点击事件300ms延迟的问题，使用better-scroll库来解决一个滑动问题。
mijia0519·2021-06-27 17:29

better-scroll制作横向滑动时间轴

首先，效果图是这样的可以左右滑动每个小标也可以点示例图导入npminstallbetter-scroll--save想要更细节的就去文档看看吧http://ustbhuangyi.github.io/better-scroll
瑞破破·2021-06-27 07:00

Vue中使用better-scroll实现滑动效果

better-scroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。
四叶舟·2021-06-19 10:09

vue中使用better-scroll实现滑动效果

一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll":"^1.15.1"版本以github上为准（目前最新）2.cpnminstall在
为光pig·2021-06-15 10:08

轮播组件——基于原生 && Vue

基于better-scroll的轮播图组件在做移动端轮播图的时候，本想沿用之前PC端的轮播图，后来发现并没有支持touch事件，所以采用了better-scroll来实现轮播图组件。
苏敏·2021-06-13 15:19

硅谷外卖项目day04

day04项目地址一、ShopGoods组件1、动态展现列表数据使用mock.js模拟商品数据，实现列表数据展现2、实现基本列表滑动使用better-scroll功能：实现两个列表滑动凸显当前分类当滑动右侧列表时
云翼飞·2021-06-12 18:53

vue 的动态组件与 better-scroll

最近在项目中用到了vue的动态组件与bs（本文中指better-scroll）。出现bs不能滚动的问题。情景描述动态组件A、B，它们都用到了bs。
围观工程师·2021-06-11 21:43

Better-scroll的用法

save2.模板中的内容：.......在style下设置：.wrapperoverflow:hiddendisplay:absolutetop:0left:0right:0bottom:03.在需要用到better-scroll
lhm2·2021-06-10 12:28

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

一、滚动的实现原理better-scroll的滚动原理和浏览器原生滚动原理是一样的，当子盒子的高度大于父盒子的高度，就会出现纵向滚动；同理，如果子盒子的宽度大于父盒子的宽度，那么就会出现横向滚动。
·2021-06-07 17:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他