Better-scroll

bug大集

外卖项目中1.商品列表页中,使用better-scroll实现滚动菜单,,出现报错“Failedtoresolvedirective:el”错误原因：这是因为v-el在vue2.x以后被淘汰。
Guan ri·2020-07-29 12:57

vue 2.0 实战 移动音乐app（三）轮播图组件的实现

2.利用'better-scroll'实现轮播特效，首先在package.json引入相关依赖，对应的js引入'better-scroll'3.'
weixin_42424660·2020-07-29 07:38

用Vue来实现音乐播放器（八）：自动轮播图啊

/common/js/dom.js'importBScrollfrom'better-scroll'exportdefault{data(){return{dots:[],currentPageIndex
weixin_30802171·2020-07-29 06:52

better-scroll横向滚动，初始化宽度和请求数据之间

better-scroll横向滚动，初始化宽度和请求数据之间请求数据需要初始化的页面mounted(){this.$store.dispatch('getGoodsList',()=>{//this.
亲爱的，·2020-07-29 06:14

使用vue2、vuex、vue-router、axios等重写饿了么点餐系统

我用vue2.0写了一个饿了么点餐系统的Demo，关于vue的一些基本用法都有用到，并且引入了vuex、vue-router、axios、webpack、eslint、better-scroll等，感兴趣可以来看看
大灰狼的小绵羊哥哥·2020-07-28 11:54

解决Vue 移动端点击出现300毫秒延迟的问题

cnpminstallfastclick-S2.在main.js中引入，并绑定到bodyimportFastClickfrom'fastclick'FastClick.attach(document.body);当better-scroll
·2020-07-27 11:54

better-scroll在vue项目中的使用

原网址https://blog.csdn.net/qq_22557797/article/details/788663281、准备工作在项目中安装better-scroll:npminstall--savebetter-scroll
明明明明如月·2020-07-15 11:19

vuejs学习与总结——Better-Scroll的使用

上网查阅了资料，发现有一个比较好的解决方法，那就是使用——better-scroll基本使用过程在我们需要使用时，必须安装此插件安装成功后，我们就可以进行使用了。
原来是小柒·2020-07-14 20:47

简单的vue scroll 组件

importBScrollfrom'@better-scroll/core'importPullupfrom'@better-scroll/pull-up'importPullDownfrom'@better-scroll
yuange11111·2020-07-14 19:09

better-scroll插件无法滚动原因排除

一、DOM层级关系content...wrapper里面不能存在多个同级div，如果你这样写：ss{{item.title}}那么ul中的元素将不能滚动二、content是否被成功添加滚动相关style以此dom结构为例：1.2.3.4.{{item.title}}5.6.7.审查元素可以看到：图片1.png这样即添加成功的三、wrapper与content高度问题只有content的高度大于wr
_立斌·2020-07-14 07:27

Vue历史城市搜索记录查询(携程H5效果)

——————————————————————————————每次点击搜索都会生成一个历史记录历史记录不能重复，以最新的查询结果为准要区分单程和往返(点击时候需要对应切换)最多五条历史记录可以左右滑动(better-scroll
weixin_33962621·2020-07-13 18:20

vue 项目中better-scroll的简单使用（学习总结，王红元vue实战开发）

1.模块导入我是在自己的一个项目中使用，封装了一个Scroll的组件，所以我在现有项目中导入模块：npminstallbetter-scroll--save2.创建实例注意：在创建实例的时候我们需要知道应该在什么地方创建，创建实例时我们要考虑到这个滚动模块应该什么时候调用，是在页面加载前，还是页面加载后，很明显我们使用滚动模块的时候最好在实例被挂载之后使用，因为实例被挂载前界面没有内容，滚动就显得
wantjobjob·2020-07-13 11:39

使用better-scroll注意事项及简单示例

一、注意事项：使用better-scroll一定要保证1、父元素（包裹元素，如果用的是scroll组件则是）的高度或宽度没有子元素（被包裹的第一个子元素）大；2、父元素（包裹元素，如果用的是scroll
该帐号已被查封_才怪·2020-07-12 08:03

vue 中使用better-scroll插件时无法滚动问题

1.检查HTML以及css是否有写错的地方，有时候写错会导致html中dom无法正确生成，而better-scroll是需要dom完全加载完毕后才可以正确滚动的2.html和css全部写正确的时候还是无法滚动检查
明明是地主家的傻儿子·2020-07-12 03:26

Vue.js实现无限加载与分页功能开发[better-scroll]

https://www.jb51.net/article/96373.htmhttps://www.imooc.com/article/18232需求分析当一个页面中信息量过大时（例如一个新闻列表中有200条新闻需要展示），就会产生问题，例如：》数据量过大，影响加载速度》用户体验差，很难定位到之前自己看过的某篇文章》扩展性差，如果200条变为2000条或者更多所以常见的解决思路就是至底时加载数据或
宝儿的程序生涯·2020-07-11 05:28

原来不用better-scroll插件vue也能实现吸顶效果

原来不用better-scroll就可以实现吸顶功能，之前还一直以为，必须要用呢，面试被稳得晕头转向的scroll事件:文档视图或者一个元素在滚动时，会触发元素的scroll事件。
青椒切小块·2020-07-10 23:15

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

简介better-scroll是一款近几年移动端常用的插件，重点解决移动端（已支持PC）各种滚动场景需求的插件。可以实现竖向滚动效果，也可以实现横向滚动的效果。
蒲公英芽·2020-07-10 21:53

基于Vue Composition API开发一个音乐App遇到的一些问题

Better-Scroll首先是和Vue关系不大的移动端滚动神器，原理很简单，我们让父容器宽高小一点，子容器宽高大一点，这样子容器就能在父容器内滚动了。
eswang·2020-07-10 11:23

使用better-scroll时，v-for里的@click事件失效问题

在同一个组件里，因为从数据库查询出来展示的数据较多，所以我使用了better-scroll滚动展示v-for出来的信息，但是在单个信息里面的@click点击无反应。
Akane_All·2020-07-10 02:02

H5-移动端-textarea无法滚动问题

H5-移动端-textarea无法滚动问题一、项目说明H5项目，采用技术为vue，页面中使用的页面滑动插件是better-scroll（better-scroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件
小夵·2020-07-10 00:22

better-scroll 踩坑总结

1、下载安装1npminstallbetter-scroll--save2、在项目中使用该插件的页面引入1importBscrollfrom'better-scroll'3、实例化scroll1this
巫小婆·2020-07-09 14:00

better-scroll 踩坑总结

1、下载安装1npminstallbetter-scroll--save2、在项目中使用该插件的页面引入1importBscrollfrom'better-scroll'3、实例化scroll1this
巫小婆·2020-07-09 14:00

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

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

【解决】使用Better-Scroll时的页面无法向上滚动的bug

在做一个商城实践中，图片总是上拉一段距离后就拖不动，这是跟Better-Scroll内部加载图片机制有关的我的图片是在GoodsItemList这个组件中写的，如果要是页面滚动正常，就需要让srollheight
熬夜梦想家·2020-07-08 22:38

使用vue的better-scroll实现窗口内容，自动下拉到最底部

使用vue的better-scroll实现窗口内容，自动下拉到最底部使用scrollToElement()方法实现滚动使用scrollToElement()方法实现滚动importBScrollfrom"better-scroll
TasonIV·2020-07-08 21:11

vue better-scroll 实现滚动

字号npm下载better-scroll插件npminstallbetter-scroll--save引入importBScrollfrom'better-scroll'定义data变量data(){return
moonIsLander·2020-07-08 19:31

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

首先安装之类的活就不介绍了，自己上官方文档查看https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html下面是组件importBScrollfr
weixin_34185512·2020-07-08 17:01

cube-ui的用法

",{"cube-ui":{"transform":"cube-ui/lib/${member}","kebabCase":true,"style":{"ignore":["create-api","better-scroll
weixin_33851177·2020-07-08 15:14

vue2.5去哪儿项目城市选择页——Better-scroll的使用

1.首先呢，我们去gitHub上面找一个Better-scroll库，我跟着Dell老师找的下面这一版。
ttt_wtw·2020-07-08 11:38

Better-Scroll组件解读

介绍Better-Scroll组件的使用声明：本文的代码取自Better-Scroll的GitHub仓库中。
Abner'·2020-07-08 05:20

better-scroll滚动无效 几种原因

首先附上better-scrooll的github地址：https://github.com/ustbhuangyi/better-scroll可以下载官方案例学习。
qiqi_77_·2020-07-07 19:48

better-scroll 简单vue组件封装

scroll：importBScrollfrom'better-scroll'exportdefault{name:'scroll',props:{probeType:{type:Number,default
木木一心·2020-07-07 18:03

「开发者笔记」关于better-scroll关闭useTransition后使用wheel做picker组件没法使用getCurrentIndex（）

先说下使用场景，使用了黄老师的better-scroll来做picker组件，但是参数调整好后出现了一个观感问题SDGIF_Rusult_1.gif然后寻找问题时发现，如果关闭插件开启的useTransition
阿啦琳·2020-07-07 16:42

使用better-scroll解决移动端的滚动问题

这时候可以使用better-scroll来解决问题。
记得每天进步一点点·2020-07-07 12:23

vue + better-scroll 封装成组件，横向滚动

last-play:最近在玩import{mapState}from"vuex";importfootGuidefrom'src/components/footGuide';importBScrollfrom'better-scroll
Qaye·2020-07-07 07:29

在vue中better-scroll的用法以及不能滑动的原因

一.用法1.首先要安装better-scroll：npminstallbetter-scroll--save然后在项目中引入它：importBScrollfrom‘better-scroll’2.使用html
小丸子yeah~·2020-07-06 21:53

使用better-scroll 封装的vue组件 不能滚动到底部 一种解决方案

组件的封装说白了这个问题产生的原因就是图片在计算滚动高度的时候没有计算出来所以我们需要在图片加载出来以后对这个滚动的高度重新计算一般的scroll组件的封装我们一般的封装也就要封装这些东西,我们封装的目的就是为了能直接在其他的地方这样content这样就使用了滚动的组件importBScrollfrom'better-scroll'exportdefault
jsp13270124·2020-07-06 16:53

vue项目（hash模式）使用better-scroll实现页面滚动状态保持

注意：这里说的是返回页面滚动位置状态保持，不是简单的keep-alive实现的页面缓存。应用场景：A页面为首页，B页面也为列表页面，C页面为B页面的某个列表项详情页面：A->B->C：A页面进入B页面，滚动到某个列表项list-item-x，点击列表项进入页面C。C->B->A：对于返回的操作，C页面返回B页面，B页面应该保持在list-item-x,B页面返回A页面（如果A页面有滚动也应该有滚动
逍遥云天·2020-07-06 16:00

javascript插件-iscroll和better-scroll

iscroll.jsiscroll.js插件是兼容所有移动端滚动条事件的插件，在某些安卓机中，我们无法通过overflow:scroll这个css属性来出现滚动条要求1》要给滚动元素加入一个父元素(只有容器元素的第一个子元素能进行滚动，其他子元素完全被忽略)2》父元素的高度值要小于滚动区域的高度(如果为横向滚动则父元素的宽度值要小于滚动元素的宽度)3》scroll是一个类，每个需要使用滚动功能的区
自信自律自己·2020-07-06 05:40

better-scroll插件的介绍及使用

在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，可以是竖向滚动的列表，也可以是横向的，用better-scroll可以帮助我们实现这个什么是better-scrollbetter-scroll
一只努力的程序媛·2020-07-06 01:38

css3 flex:1

最近在写vue的移动端项目，在展示订单信息的时候用到了better-scroll插件（以下简称BS），BS需要给父级wrapper一个高度，滚动视图content也需要一个高度，写固定高度肯定是不实际的
???5k0·2020-07-05 11:56

H5页面（四）效果之实现页面滚动--------better-scroll插件

下载并用better.scroll.js文件；中文文档：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/1.在vue项目中应用better-scroll
Ace.斗皇·2020-07-05 09:20

vue开发移动端使用better-scroll时click事件失效

最近使用vue学习开发移动端的项目，使用了better-scroll插件做滚动。
Elsa_xiaonan·2020-07-05 07:16

vue开发web端实现列表左右联动效果

2，使用页面滑动scroll事件，引入better-scroll组件。这个较为轻便，可自定义性较大，可以使用。实现步骤：1，左右两侧均使用v-for循环列表，使用in
沉默的小猴子·2020-07-05 06:03

Vue小Demo，仿lofter移动端

PC端建议在Chrome下开启调试模式或移动端浏览)源码地址✨✨✨求你的小星星～主要依赖Vue2.0前端页面展示Styluscss预编译Axios异步数据的请求flexible.js解决移动端设备兼容better-scroll
qq_25162899·2020-07-05 03:32

楼层/横向滚动/吸顶等(移动端-效果案例)

以下效果基于better-scroll插件实现效果演示：横向滚动源代码：//注意：//第一：实例化并且开启横向滚动scrollX：true//第二：获取所有子元素的宽度总和，赋值给内盒子//所有子元素varlis
Elementsboy·2020-07-04 05:54

better-scroll实现菜单和列表的双向滑动功能

1.引入importBScrollfrom'better-scroll'2.使用html//使用vue2.0"ref"属性便于访问和获取dom元素jsimportBScrollfrom'better-scroll
边沉·2020-07-02 00:21

vue移动端之 better-scroll（pc端通用）超出部分实现滚动的方法

废话不多说，用到better-scroll插件（点击可进入gitup官方文档）直接上代码案例举个例子：京东分类页，美团店铺详情页都有用到此需求//ref意思是做一个标记，下面的方法可以找到这个元素用this
风中凌乱的男子·2020-07-01 19:12

vue基于better-scroll仿京东分类列表

本文实例为大家分享了vue基于better-scroll仿京东分类列表的具体代码，供大家参考，具体内容如下效果图和目录结构1、main.js（需要安装router）importVuefrom'vue'importAppfrom
·2020-06-30 18:38

vue使用better-scroll实现滑动以及左右联动

本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll
·2020-06-30 18:06
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他