百度/微信小程序點擊按鈕回到頂部(scrollTop=0)/點擊撥打電話

一、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自由吧寺,面膜自由,組件自由散劫。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末稚机,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子获搏,更是在濱河造成了極大的恐慌赖条,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件常熙,死亡現(xiàn)場離奇詭異纬乍,居然都是意外死亡,警方通過查閱死者的電腦和手機裸卫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門仿贬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人彼城,你說我怎么就攤上這事诅蝶。” “怎么了募壕?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵调炬,是天一觀的道長。 經(jīng)常有香客問我舱馅,道長缰泡,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任代嗤,我火速辦了婚禮棘钞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘干毅。我一直安慰自己宜猜,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布硝逢。 她就那樣靜靜地躺著姨拥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪渠鸽。 梳的紋絲不亂的頭發(fā)上叫乌,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機與錄音徽缚,去河邊找鬼憨奸。 笑死,一個胖子當(dāng)著我的面吹牛凿试,可吹牛的內(nèi)容都是我干的排宰。 我是一名探鬼主播似芝,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼额各!你這毒婦竟也來了国觉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤虾啦,失蹤者是張志新(化名)和其女友劉穎麻诀,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體傲醉,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡蝇闭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了硬毕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片呻引。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吐咳,靈堂內(nèi)的尸體忽然破棺而出逻悠,到底是詐尸還是另有隱情,我是刑警寧澤韭脊,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布童谒,位于F島的核電站,受9級特大地震影響沪羔,放射性物質(zhì)發(fā)生泄漏饥伊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一蔫饰、第九天 我趴在偏房一處隱蔽的房頂上張望琅豆。 院中可真熱鬧,春花似錦篓吁、人聲如沸茫因。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽节腐。三九已至,卻和暖如春摘盆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背饱苟。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工孩擂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人箱熬。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓类垦,卻偏偏與公主長得像狈邑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蚤认,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 小程序面試題 小程序授權(quán)登錄流程 0米苹、如何獲得用戶信息...
    X秀秀閱讀 1,817評論 0 8
  • 每天的學(xué)習(xí)記錄,可能有的地方寫的不對砰琢,因為剛學(xué)蘸嘶,以后發(fā)現(xiàn)錯的話會回來改掉整體流程 https://develope...
    有點健忘閱讀 4,694評論 0 7
  • 1.小程序起步 (1)點擊https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon閱讀 3,381評論 0 0
  • 因新工作主要負(fù)責(zé)微信小程序這一塊训唱,最近的重心就移到這一塊,該博客是對微信小程序整體的整理歸納以及標(biāo)明一些細(xì)節(jié)點挚冤,初...
    majun00閱讀 7,348評論 0 9
  • Mobile Web Favorites 參與貢獻 移動前端開發(fā)收藏夾况增,歡迎使用Issues以及 Pull Req...
    柴東啊閱讀 739評論 0 2