微信小程序滚动到某个位置改变效果
2017-05-08 21:23
831 查看
<scroll-view>
<view>Some of the words<view>
<view bindscroll="scroll" class="{{variable>200 ? 'class1' : 'class2'}}"</view>
</scroll-view>
//JS文件
//滚动监听
scroll: function (e) {
this.setData({
scrollTop:e.detail.scrollTop
})
}
其中,variable为全局变量,
class1、class2即为相应的css
感谢此文章对本文章做出的巨大支持
<view>Some of the words<view>
<view bindscroll="scroll" class="{{variable>200 ? 'class1' : 'class2'}}"</view>
</scroll-view>
//JS文件
//滚动监听
scroll: function (e) {
this.setData({
scrollTop:e.detail.scrollTop
})
}
其中,variable为全局变量,
class1、class2即为相应的css
感谢此文章对本文章做出的巨大支持
相关文章推荐
- 微信小程序-滚动消息通知效果
- 微信小程序开发之实现个滚动的效果的两种方法
- 微信小程序-滚动消息通知效果
- 微信小程序顶部可滚动导航效果
- 微信小程序顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,
- 微信小程序-scroll-view滚动到指定位置(一)
- 微信小程序 scroll-view滚动到索引位置
- 微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
- 微信小程序改变app.js中页面位置 bindtap执行两次
- 微信小程序-scroll-view滚动到索引位置(二)
- 微信小程序开发实现图片滚动效果
- Jquery 类网页微信二维码图块滚动效果
- [Android实例] 仿Win8磁铁效果,能够拖动改变Merto位置
- XMPP框架 微信项目开发之Socket聊天室发送数据——获取键盘高度,修改控件的约束值,代码滚动UITabView到指定位置
- iOS 微信右上角下拉菜单效果之CMPopTipView,各种角度各种位置
- swift空间位置,大小改变的动画效果
- 两种滚动跑马灯效果-从当前位置开始
- 实现微信发送位置效果
- JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态