微信小程序 刷新上拉下拉不会断详细介绍
2017-05-11 14:50
639 查看
微信小程序 上拉下拉不会断详细介绍
最开始看到效果图,不错,第一想到的是用做的,添加浮动层,然后设置浮动层高度。其实不然,大牛是”enablePullDownRefresh”: “true”后,在页面添加遮掩层,并跟随底部滑动即可。(感觉自己IQ该充值了)
上代码
news.wxml
<view class="top">下拉刷新</view> <view> <!--页面正文--> </view>
news.wcss
.top { width: 100%; height: 600rpx; position: fixed; top: 0; background-color: red; z-index: -100000; }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序 (三)tabBar底部导航详细介绍
- 微信小程序(十)swiper组件详细介绍
- 微信小程序 http请求详细介绍
- 微信小程序 wx:key详细介绍
- 微信小程序 触控事件详细介绍
- 微信小程序(五)页面生命周期详细介绍
- 微信小程序 (十八)picker组件详细介绍
- 微信小程序 rpx 尺寸单位详细介绍
- 微信小程序(二十)slider组件详细介绍
- 微信小程序 定义全局数据、函数复用、模版等详细介绍
- 微信小程序 (八)View组件详细介绍
- 微信小程序(十六)form组件详细介绍
- 微信小程序(十二)text组件详细介绍
- 微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
- 微信小程序(应用号)组件详细介绍
- 微信小程序(九)scroll-view组件详细介绍
- 微信小程序(十四)button组件详细介绍
- 微信小程序(十五)checkbox组件详细介绍
- 微信小程序 自定义创建详细介绍