better-scroll

封装better-scroll

安装npminstallbetter-scroll--save-dev创建一个scroll.vue组件importBScrollfrom'better-scroll';//引入better-scroll
你喜欢吃青椒吗_c744·2024-09-14 21:38

优化h5的滚动功能：在vue和react中使用better-sroll插件的踩坑笔记

前言最近在开发公司网站项目的h5版本，技术栈是vue，为了更好的优化滚动效果，以及实现一些相关的功能，就选择使用better-scroll这个插件。
故居风·2024-02-07 19:41

better-scroll 在vue中的完美使用

better-scroll是适用于移动端app的滚动插件，它的核心是借鉴的iscroll的实现，它的API设计基本兼容iscroll，在iscroll的基础上又扩展了一些feature以及做了一些性能优化
Franklin_4a1c·2024-02-06 12:03

better-scroll不生效的原因

1、检查其组成，有无容器和滑块：//一个容器//一个滑块//内容2、css中，滑块高度或者宽度，是否大于容器高度或宽度滑块需要超出容器，才会出现滚动条3、确认是横向滚动还是纵向滚动：横向：需要在参数的设置对象中，设置scrollY：true；以开启横向滚动条纵向：无需设置，默认即为true，若需关闭，设置scrollX：false4、在其内设置点击事件，不生效时：在参数的设置对象中，设置click
九思joyce·2024-01-28 17:25

mall 项目随笔

(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll
coderlion·2024-01-28 13:39

better-scroll 嵌套 antd 分页器问题

问题:react项目中better-scroll嵌套antd分页器,第一次选中10条后再次选中10条分页会直接关闭选择总条数的select.better-scroll官网配置在better-scroll
阳光先做·2024-01-21 07:12

Vue学习笔记--（2018-11-25）

概要：主要内容：vue安装时常用命令，文件目录介绍，better-scroll库的使用，项目部分优化措施*node安装node-v检查node版本*vue-cli全局安装npminstall-gvue-cli
Rain_Wuu·2024-01-20 18:20

react18封装betterScroll2.5

反正能用，如果有更好的方法封装欢迎同学给予帮助;中文文档地址https://better-scroll.github.io/docs/zh-CN/plugins/movable.html项目中依赖"@better-scroll
web前端进阶者·2024-01-16 14:25

vue 使用js实现面包屑中实现右击菜单，并通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能

面包屑导航用于显示当前页面的路径，并提供快速跳转到上级页面的功能,且可以通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能{{item.name}}关闭当前关闭其他关闭右侧关闭左侧importBScrollfrom"better-scroll
皮卡丘-杰尼龟·2024-01-16 05:35

vue滑动窗口_vue-floating 浮窗组件、封装基于better-scroll的滑动组件、vue自定义手势指令...

本篇主要是为了介绍和如何使用之前撸的三个vue在移动端常用的组件,现已开源，欢迎大家使用：一个基于vue的浮窗组件,可在屏幕内自由拖拽，拖拽后的位置即可不变，也可在移动过程中手指释放浮窗横向贴边。Example移动过程中手指释放浮窗横向贴边:拖拽后的位置不变Demoexamples目录里面有demo用法，请自行下载查看Api如果vue-floating觉得不错的，记得给个star哟基于better
weixin_39696665·2024-01-05 19:40

vue移动端绑定@click事件失效问题

vue移动端绑定click事件失效问题原因可能是你使用了better-scroll，默认它会阻止touch事件。
丶End·2024-01-04 04:16

拼多多分类

和大家共有一下麻烦大家拿了以后点歌关注再走以后还会持续更新的以下源码详情-->{{item1.name}}{{item2.name}}-->{{item2.class}}{{item3.title}}importBScrollfrom'better-scroll
苏三的m416·2023-12-25 22:08

解决nuxt3生产打包以后运行服务器报错： BScroll.use is not a function

现象：这个问题在开发环境不存在，但是在打包后的生产环境就会有这个问题原因分析：从表象上看是better-scoll组件库编译似乎有问题，但真正的原因是better-scroll所依赖的dom元素对象不存在
kingtopest·2023-12-17 22:57

安装better-scroll后项目报错不能启动

ERRORFailedtocompilewith3errors14:29:41Thesedependencieswerenotfound:*core-js/modules/es.array.includesin./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modul
Hi_Abu·2023-12-05 10:48

vue移动端-里面 better-scroll 滑动使用 使用方法

npminstallbetter-scroll--saveimportBScrollfrom'better-scroll'1，需要滑动的地方加上ref点菜详情热卖详情2，在methods:{//滑动initscroll
undefined汪少·2023-12-01 07:38

vue中的滚动效果: better-scroll

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

vue实现商品分类左右联动

vue中better-scroll实现商品分类左右联动结合better-scroll插件实现商品分类左右联动交互方式。
Smile_ping·2023-11-17 14:16

vue3中使用better-scroll

咱们就可以引入better-scroll来实现这个需求。
高级甩锅工程师·2023-11-09 12:28

彻底解决使用better-scroll页面不能滚动的问题

better-scroll这个组件不能说有多好，只能说可以拿来用用。但是很多人都碰到了引入这个组件以后，页面反而不能滚动的问题。
kingtopest·2023-11-07 20:35

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

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

better-scroll 滚动轮播插件

这是完全兼容vue框架的一款轮播图插件https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html
cjg520·2023-11-02 05:03

滚动插件：better-scroll

官网：http://ustbhuangyi.github.io/better-scroll/doc/?
CodeMT·2023-11-01 23:08

better-scroll中嵌套原生滚动组件,原生滚动组件失效问题

hips-scroll(better-scroll)内部嵌套原生横向滚动组件,横向滚动组件失效问题问题描述:滑动外部竖向组件区域(better-scroll),滑动正常,但是当滑动横向组件时,滚动条还是外部竖向滚动区域
Pumpkincc·2023-10-29 19:10

vue利用better-scroll插件实现分类页左右联动效果并实现点击左侧，滚动右侧

先看下静态效果图image.png实现的效果是滑动右侧，左侧跟随实际高度滚动实现点击左侧，右侧滚动到指定位置废话不多说，直接上代码，分步骤：先上DOM，这里用到了vant的tabs和sidebar{{item.name}}{{food.name}}{{food.description}}{{food.month_saled_content}}{{food.praise_content}}¥{{fo
风中凌乱的男子·2023-10-21 01:09

transform 位移属性会让字体变形怎么解决

better-scroll插件oppor9m上拉加载更多较多数据时字体会变形怎么解决？
ohion_1049·2023-10-17 09:39

better-scroll

其方法、事件、属性等都可以去文档查找，做移动端的滑动非常好1、使用better-scroll的基本条件必须包含两个大的div，外层和内层div外层div设置可视的大小(宽或者高)-有限制宽或高内层div
拾柒_aab0·2023-10-13 20:06

原生js如何实现上拉加载下拉刷新？

一、前沿下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js
晚时之秋·2023-10-13 14:11

原生js如何实现上拉加载，下拉刷新？

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

使用原生js实现上拉加载，下拉刷新

上拉加载，下拉刷新前言上拉加载简单实现下拉刷新前言下拉刷新和上拉加载两种交互方式通常出现在移动端，本质上等同于pc网页中的分页，只是交互形式不同开源社区有很多优秀的解决方案，如iscroll,better-scroll
夜斗(dou)·2023-10-13 14:01

vue插件better-scroll实现移动端滑动效果

页面如果想实现滚动效果，首先想到的是overflow：auto或者scroll属性，但是这样会出现滚动条，如果想实现滚动效果，有没有滚动条的话，那么推荐使用better-scroll插件加载better-scroll
AbelLJ·2023-10-08 03:02

vue滚动插件

https://blog.csdn.net/qq_22557797/article/details/788663281、准备工作在项目中安装better-scroll:npminstall--savebetter-scroll
过期猫粮_45f1·2023-09-22 12:05

vue 监听元素高度的变化_如何优雅监听容器高度变化

哈哈哈哈，以上纯属虚构，不过在最近项目中还真遇到过对容器监听高(宽)变化：在使用iscroll或better-scroll滚动插件，如果容器内部元素
涵之相约·2023-09-22 09:27

react-scroll

, useImperativeHandle, useMemo } from "react"import PropTypes from "prop-types"import BScroll from "better-scroll"import
给你取暖·2023-09-18 06:08

Vue封装预约日期插件和发布到npm上

插件代码{{item.date}}{{item.date}}取消importBScrollfrom'better-scroll'exportdefault{name:'SubscribeTime',data
sun。。。·2023-09-16 19:17

vue.js页面滚动组件 better-scroll

better-scroll是一个插件，旨在解决移动端的滚动情况（PC端也支持）其实现是使用普通的的javascript效果一、安装npminstallbetter-scroll二、使用条件wrapper
无关风月u·2023-09-12 14:33

移动排版巨好用的：better-scroll

纵向的排版HTML:contentcss://包裹盒子.wrap{height:100%;>div{min-height:100.1%;//以防内容太少，导致滚动失败，可以通过js获取父元素高度+1px}}//内容盒子.content{}JS:window.onload=function(){varbScroll=newBScroll('.wrap',{scrollY:true//默认});}横向
XiaoAM·2023-09-02 07:16

better-scroll

better-scroll的初始化时机很重要，因为它在初始化的时候，会计算父元素和子元素的高度和宽度，来决定是否可以纵向和横向滚动。
崽崽不哭·2023-09-01 20:05

React(5)

1.受控组件案例1.1之前的影院案例改写importReact,{Component}from'react'importaxiosfrom'axios'importBetterScrollfrom'better-scroll'import
Java-请多指教·2023-08-20 08:17

better-scroll 和v-show导致不能滚动的bug

我是一个页面多个子组件，每个子组件都有一个BScroll，通过v-show判断显示子组件导致后面两个子组件不能滚动原因是v-show=false时display为none子组件没有高度导致内部的scroll没有高度，所以不能滚动解决：判断v-show=true时主动刷新scrollfunctiontabsClickAction(index){state.pageIndex=index;if(ind
qjsxq·2023-08-20 07:24

Better-Scroll可滚动区域问题

解决Better-Scroll可滚动区域的问题Better-Scroll在决定有多少区域可以滚动时，是根据scrollerHeight属性决定scrollerHeight属性石根据放Better-Scroll
秋田君·2023-08-16 16:22

better-scroll 二维码识别bug

better-scroll会阻止元素默认行为options加上属性preventDefaultException:{tagName:/^(IMG)$/},
程少辉·2023-08-15 15:03

【Vue项目复习笔记】Bettter-Scroll的安装与使用

better-scroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件。
纵有千堆雪与长街·2023-08-14 12:55

vue中使用better-scroll封装滚动组件

better-scroll也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker等等。
高泽斌·2023-08-07 02:11

解决better-scroll使click事件失效问题

在使用better-scroll时，会使click事件失效原因：better-scroll默认会阻止浏览器的原生click事件。
小学生江止丶·2023-08-04 23:14

移动端web开发项目心得

在homepage中，使用了饿了么的better-scroll组件制作一个轮播图，但是因为轮播图组件有一个元素的宽度是页面宽度的几倍，导致顶部的header和底部的footer设置的width:100%
48e3ced5acad·2023-07-31 20:02

batter-scroll的组件化以及基本用法踩坑

记录一下使用"better-scroll"时遇到的坑记录一下使用"better-scroll"时遇到的坑使用场景：项目需要使用到了better-scroll要求页面滑动顺畅，支持上拉刷新、下拉加载已经返回到指定位置前人的坑
明天_874d·2023-07-27 15:16

better-scroll滑动插件使用，上拉加载

1.安装npminstallbetter-scroll@next-S2.使用importBScrollfrom'@better-scroll/core';importScrollBarfrom'@better-scroll
plum_meizi·2023-07-25 23:31

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

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

移动端的上拉加载，下拉刷新

开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等，这些第三方库使用起来非常便捷。
杜同学。·2023-07-22 19:49

js中实现上拉加载，下拉刷新

一、前言下拉刷新和上拉加载这两种交互方式通常出现在移动端中本质上等同于PC网页中的分页，只是交互形式不同开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js
鋜斗·2023-07-18 17:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他