better-scroll

vue中实现移动端的scroll滚动方法

一、首先安装安装npminstallbetter-scroll--save二、并在组件中引用importBScrollfrom‘better-scroll'template中引用指向将要滚动的DOM元素根据官方文档
景洪在编程·2018-03-03 10:41

better-scroll学习笔记

better-scroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。
钊君丶·2018-02-27 17:50

详解 vue better-scroll滚动插件排坑

滚动原理better-scroll是什么滚动原理better-scroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。它的核心是借鉴的iscroll的实现，它的API设计基本
zhanzhan_wu·2018-02-08 11:12

Vue2.0 实现滚动视图+头部悬停+侧边索引

前言之前写过一篇基于better-scroll实现轮播图组件的文章，这篇文章是对better-scroll封装后,实现一个类似于通讯录的UI.效果如下：需求分析根据需求，我们可以知道,整个UI大致分为三个模块
Micah_A·2018-02-04 22:51

better-scroll实现天猫客户端商详阻尼效果

需求背景商品详情页往往有基础信息和较多的图文信息，需要分屏加载优化。（其实是因为UED想模仿天猫的加载方式-0-）框架选择第一次我选择了mint-ui（项目已引入的框架）的loadmore组件，阻尼切换的方式依靠手指对内容页的拖动阈值判断切换。出现的交互问题是，当拖动的是在webview中的网页本身主体容器时，不能正常切换阻尼，此时的滑动对象体是网页容器而不是内容页。（参照下图理解）容器示意图滑动
KIKIWS·2018-02-01 16:03

better-Bscroll

博客园首页博问闪存新随笔订阅管理vue之better-scroll的封装,包含下拉刷新，上拉加载功能及UI(核心为借鉴，我仅仅是给轮子套上了外胎...)先发原文作者、地址等信息。
peng凯·2018-01-25 14:28

vue better-scroll插件使用详解

better-scroll也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker等等。
ALSNEI·2018-01-25 09:31

vue2.0 better-scroll 实现移动端滑动的示例代码

写在前面的话：上一篇文章实现了滑动效果，这部分来试试左右联动效果的实现方法吧效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。如下图所示界面，左侧为分栏，右侧为分栏详情。滑动右边使左边联动的大概的思路：1）要知道右侧的列表中，每一个分栏所占的高度，存进一个数组中。2）实现左边联动，则必须要监控“scroll”事件，获取其高度3）将scroll的高度与右侧分栏的高度进
Chrisreen·2018-01-25 09:02

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

格式：varobj=newBScroll(object,{[option1,],.,.});注意：1、要确保object元素的高度比其父元素高2、使用时，一定要确保object所在的dom渲染后，再用上面的语句，或者obj.refresh()Options参数startX:0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为Y轴scrollX:true滚动方向为X轴cl
初雪日·2018-01-25 09:52

better-scroll&vue实现上拉加载更多下拉刷新

vue之better-scroll的封装,包含下拉刷新，上拉加载功能及UI(核心为借鉴，我仅仅是给轮子套上了外胎…)先发原文作者、地址等信息。我把内容全部搬过来了，也可以去看原文。
indd·2018-01-16 10:13

vue使用better-scroll

better-scroll是D8黄轶老师基于iscroll重写的一个插件，在vue中使用这个插件能给App带来流畅性，提高了用户体验。
毕竟1米八·2018-01-07 14:19

vue-better-scroll 一个vue的上拉加载下拉刷新插件

vue-better-scrollAvuepluginsbasedonbetter-scroll最近写移动端项目，下拉刷新、上拉加载的场景很常见，发现mint-ui的Loadmore组件效果体验不尽如人意，Vux的Scroller组件作者不推荐使用也停止维护了，最后决定根据better-scroll
weixin_34306593·2017-12-14 10:57

vue 2.X 结合better-scroll实现滚动效果

food.description}}月售{{food.sellCount}}好评率{{food.rating}}%￥{{food.price}}￥{{food.oldPrice}}2，在methods属性中实例化better-scroll
第八共同体·2017-12-11 15:14

[第一课] 实战饿了么app—vue2.0

脚手架这个不多说了，还不会的朋友可以参考我之前写的这篇文章：[搭建vue-cli]第二步：技术简述我们用vue-resource做后台数据交互，用vue-router做前端路由实现单页应用，第三方js裤better-scroll
面包在奔跑·2017-11-26 21:09

13、vue2.0利用better-scroll实现轮播图可以自动轮播可以无限循环轮播

1.安装better-scroll在根目录中package.json的dependencies中添加："better-scroll":"^0.2.4",然后npminstall安装2.封装代码sliderimportBScrollfrom'better-scroll'exportdefault
fongdaBoy·2017-11-06 17:41

vue利用better-scroll实现轮播图与页面滚动详解

前言better-scroll也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容，分享出来供大家参考学习
小皮咖·2017-10-20 09:01

利用JS实现scroll自定义滚动效果详解

前言最近在公司开发项目的时候，原生滚动条中有些东西没办法自定义去精细的控制，于是开发一个类似于better-scroll一样的浏览器滚动监听的JS实现，下面我们就来探究一下自定义滚动需要考虑哪些东西，经过哪些过程
夜里的太阳·2017-10-17 11:14

vue滚动轴插件better-scroll使用详解

栏对应右侧foods栏相应显示的食物区，如果不用插件就比较费事了，因此这里分享一下这个插件的简单使用：一、项目中下载，并引入在配置文件package.json中引入版本"dependencies":{"better-scroll
昔有木如盖·2017-10-17 09:02

vue.js移动端app之上拉加载以及下拉刷新实战

跟横向滚动一样，我们还是采用better-scroll这个库来实现。
Runlin·2017-09-11 10:13

better-scroll的参数和方法

格式：letobj=newBScroll(object,{[option1,],.,.});Options参数startX:0开始的X轴位置startY:0开始的Y轴位置scrollY:true滚动方向为Y轴scrollX:true滚动方向为X轴click:true是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用_constructed，若
摇摇马骑骑·2017-09-05 21:53

better-scroll

很多内容.wrapper{width:100%;height:500px;overflow:hidden;}watch:{seller(){//获取到的数据this.$nextTick(()=>{this._initScroll()})}},created(){this.$nextTick(()=>{this._initScroll()})},mounted(){this.$nextTick(()
Wrestle_Mania·2017-07-14 00:06

【笔记-vue】《imooc-vue.js高仿饿了么》、《imooc-vue 音乐app》、《imooc-vue.js源码全方位解析》

2、功能技术分析2.1后端vue-resource2.2前端vue-router2.3第三方js库better-scroll最大程度组件化3、前置基础3.1html、css、js、es61-2课程安排1
aSuncat·2017-07-09 22:47

JS实现移动端按首字母检索城市列表附源码下载

我们还需要用到一个叫better-scroll的滚动
月光光·2017-07-05 15:42

【Web前端】Vue.js 项目中遇到的一些问题汇总

前言最近在自己用Vue.js做一个仿网易云的webApp，遇到了不少的问题，在这里做一个记录better-scroll的使用问题better-scroll是Vue.js中很好用的一个插件，能够很简单的实现滚动效果
眼已望穿·2017-06-27 23:29

better-scroll的使用方法，动态创建dom使用better-scroll

移动端经常会用页面高度超过了手机屏幕的高度，但是有没有滚动条的出现这时候就用better-scroll这个插件，iscroll是常用的但是这个组件没有人在维护了，导致很多的问题没有办法解决。
weixin_30381793·2017-06-07 17:00

vue2.0中goods选购栏滚动算法的实现代码

不多说，直接代码，以便以后重复利用：importBScrollfrom'better-scroll';constERR_OK=0;exportdefault{props:{sell:{type:Object
qq_32486147·2017-05-17 10:14

商品详情页food.vue

主体结构html代码用ref绑定food的DOM元素,为了被bscroll做滚动处理用transition包裹了整个food,为了实现这个页面的进入和退出动画js代码importBScrollfrom'better-scroll
线上猛如虎·2017-05-08 00:00

商家页面seller.vue

主体结构html代码seller-contentdiv是能够扩大高度的,能够被内容增加而撑高,而sellerdiv是固定的高度的,从而形成滚动js代码importBScrollfrom'better-scroll
线上猛如虎·2017-05-08 00:00

shopcart.vue购物车

另需配送费￥{{deliveryPrice}}元{{payDesc}}购物车清空{{food.name}}￥{{food.price*food.count}}js代码importBScrollfrom'better-scroll
线上猛如虎·2017-05-05 00:00

shopcart-list购物车列表页

需要使用better-scroll进行列表内容滚动绑定使用vue2的transition动画过渡处理动画使用子组件cartcontrol处理购物车的添加删除操作cartcontrol.vue购物车操作按钮购物车详情内容
线上猛如虎·2017-05-05 00:00

better-scroll实现下拉刷新、上拉加载更多（巨简单...）

1、废话少说，先看看移动端的列表页面（1）正常浏览（2）下拉刷新中（3）下拉刷新结束（4）上拉加载（5）上拉加载中2、上述基本上就是一整套移动端列表的刷新过程，采用better-scroll实现，其github
Take_Dream·2017-04-29 16:44

Vuejs仿网易云音乐实现听歌及搜索功能

技术栈vue+vue-router（核心框架）better-scroll（使移动端滑动体验更加流畅）vue-lazyload（用户图片懒加载）npr
秋风飘过·2017-03-30 14:39

用vuejs仿网易云音乐（实现听歌以及搜索功能）

技术栈vue+vue-router（核心框架）better-scroll（使移动端滑动体验更加流畅）vue-lazyload（用户图片懒加载）npr
蓝色的秋风·2017-03-29 21:09

Vue中better-scroll插件的使用

better-scroll作用在父容器上。1、npm安装better-scroll插件。npminstall--savebetter-scroll2、在文件中引入better-scroll。
年轻正好·2017-03-18 23:13

better-scroll插件使用

Vue中的better-scroll插件在需要的文件中添加importBScorllfrom'better-scroll';引用的示例代码:letscroll=newBScroll(Dom对象,{//optionsstartX
ALSNEI·2017-01-12 10:07
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他