一、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景醇、監(jiān)聽頁面滾動事件
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
});
},
祝在座的各位女程序員早日實現(xiàn)午餐自由三痰,Lamer自由吧寺,面膜自由,組件自由散劫。