scroll-view 第24页

微信小程序实现tab和swiper切换结合效果

切换效果展示的具体代码，供大家参考，具体内容如下先上效果图：实现代码如下：wxml页面{{item}}tab0tab1tab2tab3tab4tab5tab6wxss样式：page{height:100%;}view,scroll-view

花生地瓜·2017-11-21 11:00

微信小程序顶部可滚动导航效果

需求是小程序做头部做导航分类的效果顶部用scroll-view组件横向滚动，类似tab选项卡的效果，内容用类似模板方式引用，可重复利用{{item.name}}PS：下面看下小程序动态设置顶部导航条的方法摘要之所以记录这个

ankle·2017-10-31 16:33

微信小程序上拉刷新和下拉加载2种方法实现，onPullDownRefresh，scroll-view使用

这篇文章，直接开怼，代码有详细注释onPullDownRefresh实现下拉刷新一、获取数据//product2获取数据loadProduct2:function(){varthat=this;wx.request(OBJECT)//发起网络请求。使用前请先阅读说明。},二、下拉调用//下拉刷新onPullDownRefresh:function(){console.log("刷新");wx.se

橙-景安服务器代理·2017-10-26 16:40

微信小程序固定表头

采用scroll-view嵌套，实现滚动表格时，表头不停留在页面顶部。

TIANGE120·2017-10-24 17:33

微信小程序组件之srcoll-view的详解

微信小程序组件之srcoll-view的详解今天记录一下scroll-view学习中遇到的问题及解决办法，希望能对其他同学有所帮助。首先展示一下想达到的效果。

Crab0314·2017-10-19 10:11

【微信小程序】媒体组件（二）image

只针对page与scroll-view下的image有效1.5.0binderrorHandleEvent当错误发生时，发布到AppService的事件名，事件对象ev

Crab0314·2017-10-12 15:31

【微信小程序】组件（一）srcoll-view

今天记录一下scroll-view学习中遇到的问题及解决办法，希望能对其他同学有所帮助。首先展示一下想达到的效果。↓verticalscroll实现上下滚动，horizontal实现左右滚动。

Crab0314·2017-10-03 21:34

微信小程序之scroll-view选项卡与跳转（一）

如下图：scroll-view与跳转.gif但是我们在最后做交互的时候，并没有使用该效果，下篇再说这个！先说说这个效果是如何实现的！

刘员外__·2017-09-28 14:40

小程序 scroll-view 滚动刷新数据增加swiper切换

scroll-view请看上一篇场景：在数据量很多的情况下，我们需要首先加载一部分数据，之后监测滚动更新数据解决：这时候可以使用scroll-view提供的接口来监控滚动情况微信官方文档里面提供了lower-threshold

blankshsh·2017-09-27 17:52

小程序 scroll-view

场景：在很多情况下，一个订单类项目需要加载很多数据，但是这时候项目的标题会跟着滚动走，不利于查看对应的项目解决：这时候可以使用scroll-view来处理需要滚动的项目内容。

blankshsh·2017-09-27 17:31

小程序实现上拉加载更多和下拉刷新的功能

使用bindscrolltolower，必须搭配使用的scroll-view会导致小程序"enablePullDownRefresh":true下拉不能使用。

DeBruyne·2017-09-22 13:44

微信小程序，使用scroll-view实现下拉加载更多（下一页）源码

maker一下使用scroll-view实现下拉加载更多（下一页），比较粗糙，如下图。由于数据是死数据，只能加载一次（如图）。

Lawliet丶·2017-08-05 16:59

微信小程序学习笔记（三）

视图容器组件view示例代码scroll-view属性表实例代码表单组件button属性表示例代码input属性表实例代码其他组件实例代码源码同系列文章目录视图容器组件viewview是最常用的视图容器组件

Mr_OOO·2017-06-22 18:11

微信小程序实现滑动删除效果

最初打算使用scroll-view实现，效果好、流畅、有惯性滑动，但由于滚动条没法去掉、无法实现上下层的帧布局，最终放弃了。还是自己写个吧，利用手势事件。

东边的小山·2017-05-19 11:53

微信小程序-横向滑动scroll-view隐藏滚动条

wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width:0;height:0;color:transparent;}.recommend_hot_box{width:230rpx;height:245rpx;margin-right:24rpx;

Mr_Sparta·2017-04-20 08:15

小程序常见问题汇总，方便自己看

Q1：scroll-view在iOS上存在bug：在使用scroll-view作为全屏滑动组件的时候，Y轴滑动在下拉触发iOS原生的橡皮筋效果时，scroll-view出现不能滑动的bug，在Android

Ambericer·2017-04-18 17:40

scroll-view中，image组件出现滚轴

上一篇文章讲到在普通的view中，使用image出现了横向的滚轴（上一篇文章地址：http://blog.csdn.net/qq_2842405070/article/details/69382503）这次讲到是在scroll-view

电鳗效应·2017-04-06 14:37

小程序上拉下拉共存时不可使用scroll-view的解决方法

使用bindscrolltolower，必须搭配使用的scroll-view会导致小程序"enablePullDownRefresh":true下拉不能使用。

anLazyAnt·2017-03-13 14:01

微信小程序scroll-view实现横向滚动和上拉加载示例

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。先看最终效果。

向朔1992·2017-03-06 09:16

微信小程序 UI与容器组件总结

微信小程序UI与容器组件总结1.总结与概述2.容器组件2.1组件容器（view）2.2可滚动视图容器(scroll-view)2.3滑块视图容器（swiper）1.总结与概述1.1UI组件总结图1.2概述小程序的

小巷下起了雨·2017-02-21 15:25

微信小程序 scroll-view组件实现列表页实例代码

scroll-view组件介绍scroll-view是微信小程序提供的可滚动视图组件,其主要作用是可以用来做手机端经常会看到的上拉加载下拉刷新列表页!下面就以为例来讲解一下这个组件的使用吧!

hong26·2016-12-14 11:58

详解微信小程序开发之下拉刷新上拉加载

微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善.上gif:原理:scroll-view

dzp_coder·2016-11-24 15:59

微信小程序实例：跳转到顶部实例

这里小程序有个组件是可以实现的，那就是scroll-view组件，他具有很多的属性，其中我们要利用到以下两个属性来处理：scroll-topNumber设置竖向滚动条位置bindscrollEventHandle

草灯·2016-11-16 19:08

微信小程序实现拖拽事件监听实例详解

需要做个浮在scroll-view之上的button.尝试了一下.上GIF:Android中也会有类似移动控件的操作.思路差不多.获取到位移的XY的变量,给控件设置坐标.1.index.wxml..

dzp_coder·2016-11-16 09:41

微信小程序开发之拖拽 image 触摸事件监听

需要做个浮在scroll-view之上的button.尝试了一下.上GIF:Android中也会有类似移动控件的操作.思路差不多.获取到位移的XY的变量,给控件设置坐标.1.index.wxml简单的设置一张图片

dzp_coder·2016-11-15 18:46

微信小程序基础代码

scroll-view组件询价作者粉丝及按揭款爱德华就卡死的骄傲粉丝及按揭款爱德华就卡死的骄傲粉丝及按揭款爱德华就卡死的骄傲daddadadasswiper组件indicator-dots：设置是否显示

androidforme·2016-10-19 10:45

微信小程序例子——快速掌握滚动视图（scroll-view）

1、效果展示2、关键代码scroll_view.js文件Page({data:{//text:"这是一个页面"},onLoad:function(options){//页面初始化options为页面跳转所带来的参数},onReady:function(){//页面渲染完成},onShow:function(){//页面显示},onHide:function(){//页面隐藏},onUnload:f

FutrueJet·2016-10-08 23:41

微信小程序实战小程序实例

tabbar使用方式网络调用真实接口loading使用scroll-view实现下拉刷新上拉加载image组件对图片的处理，音乐和视频组件的使用跳转传值使用等等等。。。。ap

顺子_RTFSC·2016-10-08 10:47

微信小程序（九）scroll-view组件详细介绍

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。

顺子_RTFSC·2016-09-27 11:01

WeApp尝鲜，对社区流传demo的改进

bug：组件中：内容分区/scroll-view中，clickmetotop按钮无效（done）接口中：录音功能

chux0519·2016-09-24 00:00

推荐频道

scroll-view