双向滚动的scroll,微信小程序

时间:2019-09-21 17:29来源: 操作系统
1、app.json 未有配备 "window": { /* 其他配置信息 */ "enablePullDownRefresh":true} scroll-view(x,y方向能并且滚动) 前段时间在开垦小程序的进度中遭逢多个那样的需要,在一个可视区内,必要同期

1、app.json 未有配备

"window": {     /* 其他配置信息 */     "enablePullDownRefresh":true}

scroll-view(x,y方向能并且滚动)

前段时间在开垦小程序的进度中遭逢多个那样的需要,在一个可视区内,必要同期有“横向”,“纵向”的轮转才干满意,可偏偏小程序文书档案中提交的都以满意叁个方向的轮转,并且scroll-view里面不能够一向嵌套scroll-view

那儿自身脑海呈现的是scroll-viewviewcss(overflow:scroll)使用

这种办法完成后已基本满意须要,间接看功能

永利皇宫463娱乐网址 1

作为三个重视客商体验的开辟者岂能就此罢休,接着往下看

直接的用scroll-view嵌套scroll-view

永利皇宫463娱乐网址,此刻的功效是那般的

永利皇宫463娱乐网址 2

那就约等于左边的时刻轴固定在了右侧,顾客能够实时的来看时间,不赘述,直接上代码


永利皇宫463娱乐网址 3

各路大神如有更好的缓和方案,可私聊互相学习


源码请访谈

Github地址:github.com/Spring-Listening

2、scroll-view 改为 wiew

scroll-view

<!--加载中  --><view class='loading-container' wx:if="{{LOADING}}">  <text class='loading-title'>TITLE</text></view><scroll-view  scroll-y scroll-with-animation class="container" wx:else> <!--正文  -->  <view class='header_text'> </view></scroll-view>

view

<!--加载中  --><view class='loading-container' wx:if="{{LOADING}}">  <text class='loading-title'>TITLE</text></view><view  class="container" wx:else> <!--正文  -->  <view class='header_text'> </view></view>

编辑: 操作系统 本文来源:双向滚动的scroll,微信小程序

关键词: