效果演示:
前台代码:
<view class="com-widget-goTop" wx:if="{{scrollTop.goTop_show}}" catchtap="goTopFun"> <view class="icon-gotop" > <i class="fa fa-arrow-up " aria-hidden="true">顶部</i> </view> </view>
js代码:
Page({ onPageScroll(e){ //触发goTop的显示条件 if(e.scrollTop > 300){ this.setData({ 'scrollTop.goTop_show': true }); }else{ this.setData({ 'scrollTop.goTop_show': false }); } }, goTopFun(e){ console.log(this.data); wx.pageScrollTo({ scrollTop: 0, duration: 300 }) } )}
wxss代码:
/*goTop回到顶部图标start*/ .com-widget-goTop { position: fixed; bottom: 125px; right: 5px; background: rgba(0,0,0,0.48); border-radius: 50%; overflow: hidden; z-index: 500; } .com-widget-goTop .icon-gotop{ display:flex; flex-direction:column; align-items:center; justify-content:center; width: 50px; height: 50px; font-size: 12px; color: #fff; border-radius: 50%; background-color: rgba(0,0,0,0.8); -webkit-background-size: 50px auto; }
0.话题发布后没及时显示,请联系官方QQ群管理;
1.话题支持代码,qq截屏直接粘贴,和QQ群一样;
2.问题描述清,比如服务器版本,程序版本;
3.能上代码,就不用文字;
4.把问题发到话题后再发QQ群;
5.如果感觉回复者解答的不错,可以发红包!
6.多帮助别人也是对自己的锻炼!
7.付费讨论中只有提问者和付费用户才可以查看回复
1.评论积分+1;每天最多10次奖励
2.发布话题积分+1;每天最多5次奖励
3.垃圾评论积分-500;
4.黄色,暴力,违反我国法律评论直接封号