better-scroll

移动端页面在IOS里滑动不顺畅解决办法

开发移动端的同学可能都知道，当在你用overflow-y:scorll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统里，通常情况下，我们为了追求好的用户体验，会使用屏幕滚动插件better-scroll
aiguangyuan·2019-03-14 11:37

better-scroll无法滚动

今天遇到了vue项目better-scroll无法滚动的问题，网上找的解决方案用$nextTick的方法还是不行。
一个做笔记的地方·2019-03-07 19:50

Vue+Better-Scroll 实现多 Tab 上拉加载更多

本项目使用Vue和Better-Scroll相关的技术来开发本项目。通过学习本项
GitChat的博客·2019-02-28 23:16

better-scroll 上下拉加载

官方地址：https://ustbhuangyi.github.io/better-scroll/#/zh安装NPMbetter-scroll托管在Npm上，执行如下命令安装：npminstallbetter-scroll
星空里的尘埃·2019-02-25 14:10

better-scroll踩坑合集

better-scrollgithub最近项目使用了better-scroll这个插件，这个插件用起来还是有不少问题的。除了普遍会遇到的无法滚动、无法点击等问题，这些作者都已经说得很清楚了。
ceido·2019-02-22 11:55

better-scroll踩坑合集

better-scrollgithub最近项目使用了better-scroll这个插件，这个插件用起来还是有不少问题的。除了普遍会遇到的无法滚动、无法点击等问题，这些作者都已经说得很清楚了。
ceido·2019-02-22 11:55

better-scroll 上拉加载

一、better-scroll的上拉加载首先需要一个使用了BS编写的列表（肯定是不能有BUG的）BS中文文档this.actScroll=newBScroll(actBox,{tap:true,scrollbar
老黑·2019-01-08 14:38

better-scroll与UC浏览器滑动翻页冲突的js解决方案

问题：最近在用vue写m端项目时发现个问题，better-scroll的横向滑动和UC浏览器的横向滑动翻页效果出现了冲突。简单的说，就是滑动scroll组件的时候也会触发UC浏览器自带的翻页效果。
missing·2018-12-08 00:00

vue通过better-scroll实现竖直方向滚动

importBScrollfrom'better-scroll'varbScroll=document.querySelector('.bScroll')varscroll=newBScroll(bScroll
左森·2018-12-05 13:26

Vue项目中使用better-scroll实现一个轮播图自动播放功能

前言better-scroll是一个非常非常强大的第三方库在移动端利用这个库不仅可以实现一个非常类似原生ScrollView的效果也可以实现一个轮播图的效果这里就先记录一下自己实现这个效果的一些过程吧思路
皮蛋和豆树·2018-12-03 14:17

vue-music 使用better-scroll遇到轮播图不能自动轮播问题

根据vue-music视频中slider组建的使用，当安装新版本的better-scroll，轮播组件，不能正常轮播这是因为，better-scroll发布新版本之后，参数设置发生改变这是旧版本：组件为
shengnan_2017·2018-12-03 14:13

基于cube-ui搭建移动端项目

":{"cube-ui":{"transform":"cube-ui/lib/${member}","kebabCase":true,"style":{"ignore":["create-api","better-scroll
天天_哥·2018-11-24 18:15

基于cube-ui搭建移动端项目

":{"cube-ui":{"transform":"cube-ui/lib/${member}","kebabCase":true,"style":{"ignore":["create-api","better-scroll
天天_哥·2018-11-24 18:15

vue使用better-scroll实现下拉刷新、上拉加载

本文目的是为了实现列表的下拉刷新、上拉加载，所以选择了better-scroll这个库。
曹天骄·2018-11-23 10:18

【重点突破】—— 当better-scroll 遇见Vue

【重点突破】——当better-scroll遇见Vue前言：在学习黄轶老师的《Vue.js高仿饿了么外卖App》课程中接触到了better-scroll第三方JavaScript组件库，这是黄轶老师自己基于
柳柳Elena·2018-11-19 17:00

主流移动滚动插件分析以及思路方案拓展（原生onscroll 事件实现的滚动加载不逊色）

背景现在流行的各种移动端滚动加载、上拉刷新组件，滑动越来越流畅，体验很好；例如better-scroll、vue-infinite-scroll、iscroll、vue-scroll等等比较好的方案去解决业务上的问题
paul_最帅·2018-11-17 00:00

vue中使用better-scroll实现滑动效果及注意事项

一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll":"^1.11.1"版本以github上为准（目前最新）2.cpnminstall在
廊桥梦醉·2018-11-15 15:16

解决问题：0.1.13版本better-scroll升级后，轮播图无法正常循环

版本0.1.15正常，升级到版本1.13.2后出现以下问题:不能正常循环轮播第一张图没有相应的dot,第二张图对应第一个dot，出现错位手动轮播至第五张图片后，会出现一张黑色轮播图，无法轮播回第一张图片查找官方文档后解决了此问题，以下为修改后的代码：this.slider=newBScroll(this.$refs.slider,{scrollX:true,scrollY:false,moment
Cipuzp·2018-10-19 19:48

解决问题：0.1.13版本better-scroll升级后，轮播图无法正常循环

版本0.1.15正常，升级到版本1.13.2后出现以下问题:不能正常循环轮播第一张图没有相应的dot,第二张图对应第一个dot，出现错位手动轮播至第五张图片后，会出现一张黑色轮播图，无法轮播回第一张图片查找官方文档后解决了此问题，以下为修改后的代码：this.slider=newBScroll(this.$refs.slider,{scrollX:true,scrollY:false,moment
Cipuzp·2018-10-19 19:48

关于better-scroll踩坑实践

因为使用的jQuery进行开发的H5界面，有列表滑动的部分，所以直接使用了比较火的better-scroll。
Datura_Elena·2018-10-18 16:18

关于better-scroll踩坑实践

因为使用的jQuery进行开发的H5界面，有列表滑动的部分，所以直接使用了比较火的better-scroll。
Datura_Elena·2018-10-18 16:18

Vue 常用组件

1、Better-scroll（移动端实现页面滚动）//安装npminstallbetter-scroll--save//...importBscorllfrom'better-scroll'exportdefault
fanhaozhi·2018-10-15 09:28

Better-scroll 不滚动问题解决

1、层级一定要有一个包裹内容的元素，因为滚动就是content的高度大于wrapper的高度。//滚动的内容//样式.wrapper{//wrapper的样式根据实际情况来写width:100%;height:100vh;}这个时候可以看开发者工具里面：content的样式加了许多附加的内容，并且wrapper的高度//滚动的内容css部分.test{position:fixed;bottom:0
HYeeee·2018-10-05 19:09

Vant list 与better-scroll与下拉刷新（其实是上拉加载）

先是用了vant的LIst下拉刷新，然后发现better-scroll中这个插件没有用，然后自己写了个监听！最后发现一篇文章有封装scroll中下拉刷新！这个过程也是莫名其妙了。
HYeeee·2018-10-02 13:29

vue+better-scroll实现多tab选项卡上拉加载更多的实践例子

还有对vue不熟悉的，可以先去看看这个vue+webpack从入门到精通（基础篇）项目中上拉加载用到了很好用的工具better-scroll,各位可能都知道。
吹过麦田的风·2018-09-30 14:09

滚动分页插件

1.betterScrollhttps://ustbhuangyi.github.io/better-scroll/#/examples/zh2.Swiperhttps://www.swiper.com.cn
dongjinxin0621·2018-09-18 14:21

vue2.0和better-scroll实现左右联动效果

在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果，今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。
小周sri的码农·2018-09-14 16:00

better-scroll在vue项目中的使用

https://blog.csdn.net/qq_22557797/article/details/788663281、准备工作在项目中安装better-scroll:npminstall--savebetter-scroll1
枫丿慕·2018-09-12 17:38

当better-scroll遇上vue,不一样的坑

在度娘里找到了better-scroll，参照better-scroll的demo,实现了一个scroll组件scroll组件html{{noMoreTxt}}{{pullupTxt}}{{pulldowmTxt
Doniet·2018-09-01 21:29

基于better-scroll的picker组件实现

这里再安利一下better-scroll这个组件库，该库的源代码结构清晰，借鉴了vue源码的组织形式。better-scroll提供的各功能模块相互独立，易于阅读，对初学者非常友好，建议学习一下。
hsay·2018-08-21 18:54

Angular学习笔记

--routing获取dom不建议直接对dom进行操作，这种情况一般用于绑定插件时@ViewChild('wrapper')wrapper:ElementRef;//写在dom的当前组件内绑定插件绑定better-scroll
snakeninja110·2018-08-13 17:19

vue.js2.0 实现better-scroll的滚动效果实例详解

better-scroll也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker等等。
至情相遇·2018-08-13 11:36

用Vue撸一个『A-Z字母滑动检索菜单』

比如手机通讯录，城市切换页面都会用到实现效果在线体验：http://hx-dl.top/a-z_menu/#/city技术点better-scroll实现城市列表滑动evnetBus总线机制实现兄弟组件通信
行无忌·2018-08-11 00:00

better-scroll内容撑不起来时，下拉刷新无效

先看上面的官网文档，当你内容过少，撑不起来时，就不会滚动了，所以要设置content的高度要比wapper大一点，我一般多个1像素，如果百分比的话就多0.5%就好了，亲测有效。
VLilyV·2018-08-03 13:46

第8章 旅游网站城市列表页面开发

better-scroll:滚动场景的插件。
db366da20578·2018-07-18 16:31

vue实现城市列表选择功能

成果展示最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我的博客园找到有详细介绍准备工作：引入axios插件，调用better-scroll
小周sri的码农·2018-07-16 11:06

vue实现城市列表选择

成果展示最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我的博客园找到有详细介绍准备工作：引入axios插件，调用better-scroll
小周sri的码农·2018-07-16 11:00

slider轮播组件

slide组件--官方代码代码//外部//插槽//dots点import{addClass}from'common/js/dom'importBScrollfrom'better-scroll'//引入
LeungJhowe·2018-07-02 01:04

scroll滚动组件

better-scroll只会对第一个元素对象起作用，可以接着写其他元素，不会影响到作用元素，模板一般为//不抽象为组件，模板为//这是scroll的最外层//这是第一个元素，作用元素//这是可以作滚动的子元素
丶彐MoHf丨·2018-06-25 20:36

vue中实现左右联动的效果

首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpmibetter-scrollimportBScrollfrom'better-scroll'methods:{_initScroll
simoonQian·2018-06-22 11:13

better-scroll的基本使用

better-scroll是借鉴iscroll，是很牛的前端大神ustbhuangyi黄轶老师上传至github，并在教学视频中屡次运用的github地址：https://github.com/ustbhuangyi
Baby_加油_·2018-06-13 19:20

VUE2.0 better-scroll封装滚动组件

本文主要介绍better-scroll组件的引入，以及封装组件的使用。还用到了父子组件的特性。
吴维炜·2018-06-11 09:59

VUE 2.0音乐 坑

1）better-scroll:无法滚动snap:{//这个配置是为了做Slide组件用的loop:this.loop,threshold:0.3,//可滚动到下一个的阈值speed:400//过渡时间
LeungJhowe·2018-06-10 01:59

vue中使用BetterScroll（网上）

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

vue中使用better-scroll,并封装成一个组件

个人总结了一下如何在vue2项目中，将better-scroll单独封装成一个组件，以方便多个页面需要用到。
Leejhhaha·2018-05-28 19:12

Vue + better-scroll 实现移动端字母索引导航功能

Github：移动端字母索引导航效果图配置环境因为用到的是vue-cli和better-scroll，所以首先要安装vue-cli，然后再npm安装better-scro
CaiJinyc·2018-05-07 15:17

vue学习实例一

SO,模仿支付应用管理界面写了个小页面，如下所示:顶部【我的应用】拖动排序使用了第三方插件vuedraggable,底部的菜单标题及底部滚动的内容使用了better-scroll，所有的应用图标都是使用的阿里的字体图标
我爱果果2015·2018-04-21 10:47

Vue.js制作移动端音乐播放器项目心得

使用better-scroll制作轮播图组件使用better-scroll实现一个可以上下拖动的组件importBScrollfrom'better-scroll'exportdefault{name:
48e3ced5acad·2018-04-03 20:38

Angular中使用better-scroll插件的方法

better-scroll的使用由于需要在一个固定的的高度做无限滚动，本来css的overflow-y也可以完成的，奈何安卓不是很流畅，还很生硬，就是用了第三方库better-scroll，配合angular
会飞的猪bzy·2018-03-27 09:40

手机浏览器下better-scroll中click事件,链接无效的问题

现在大多数vuejs.项目都使用better-scroll但是大多数出现一个问题，就是在大的div里面的a链接或者click事件都不用了这是html部分这是js部分importBScrollfrom'better-scroll'exportdefault
牛奶猫·2018-03-08 17:36
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他