一、HTML部分
<!-- fixed固定位置 -->
<view class="fixed-right">
<!-- 打电话 -->
<view class="outside-box bg-box" bindtap="makePhone">
<image class="phone-img" src="../../images/shop/yx_21.png"></image>
</view>
<!-- 去首页 -->
<view class="outside-box m-t-40">
<navigator open-type="redirect" url="/pages/shopindex/shopindex?shopid={{shopid}}">
<image class="index-img" src="../../images/shop/yx_20.png"></image>
</navigator>
</view>
<!-- 回到顶部 -->
<view s-if="topFlag" class="outside-box m-t-40" bindtap="scrollToTop">
<image class="top-img" src="../../images/shop/yx_19.png"></image>
</view>
</view>
二、JS部分页面滚动回到顶部
1、监听页面滚动事件
onPageScroll(e) {
// console.log(e.scrollTop)
if (e.scrollTop > 300) {
this.setData({
topFlag: true
})
} else {
this.setData({
topFlag: false
})
}
},
2、回到顶部
scrollToTop() {
swan.pageScrollTo({
scrollTop: 0,
duration: 300,
success: res => {
console.log('pageScrollTo success', res);
},
fail: err => {
console.log('pageScrollTo fail', err);
}
});
},
3、拨打电话
makePhone() {
swan.makePhoneCall({
phoneNumber: this.data.obj.mobile
});
},
祝在座的各位女程序员早日实现午餐自由,Lamer自由,面膜自由,组件自由。