一、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部分頁面滾動(dòng)回到頂部

1、監(jiān)聽頁面滾動(dòng)事件

    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
        });
    },

祝在座的各位女程序員早日實(shí)現(xiàn)午餐自由，Lamer自由，面膜自由，組件自由。