欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue怎么實現(xiàn)回到頂部top效果

本篇內(nèi)容主要講解“vue怎么實現(xiàn)回到頂部top效果”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“vue怎么實現(xiàn)回到頂部top效果”吧!

“只有客戶發(fā)展了,才有我們的生存與發(fā)展!”這是成都創(chuàng)新互聯(lián)的服務(wù)宗旨!把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品,產(chǎn)品思維更注重全局思維、需求分析和迭代思維,在網(wǎng)站建設(shè)中就是為了建設(shè)一個不僅審美在線,而且實用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。

html

    <div class="totop" v-show="toTopShow" @click="toTop()">top</div>

css

.totop {

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 25px;

  background-color: white;

  position: fixed;

  bottom: 75px;

  right: 10px;

  text-align: center;

}

data

 data() {

    return {

  toTopShow: false,

      srcoll: 0,

}

},

監(jiān)聽事件

  watch: {

    srcoll() {

      if (this.srcoll > 400) {

        this.toTopShow = true;

      } else {

        this.toTopShow = false;

      }

    },

  },

加載事件

 mounted() {

    window.addEventListener("scroll", this.srcollShow);

  },

methods:

 methods: {

    srcollShow() {

      this.srcoll =

        window.pageYOffset ||

        document.documentElement.scrollTop ||

        document.body.scrollTop;

    },

 toTop() {

      this.toTopSpeed = setInterval(() => {

        document.documentElement.scrollTop =

          document.documentElement.scrollTop - 20;

//通過改變數(shù)字實現(xiàn)動畫延遲滾動

        if (this.srcoll < 10) {

          clearInterval(this.toTopSpeed);

        }

      }, 1);

    },

}

以上操作實現(xiàn)通過監(jiān)聽滾動條>400后,top按鈕出現(xiàn),并且點擊top按鈕,慢慢回到頂部,低于400隱藏,img以此類推

到此,相信大家對“vue怎么實現(xiàn)回到頂部top效果”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

新聞名稱:vue怎么實現(xiàn)回到頂部top效果
文章出自:http://www.aaarwkj.com/article30/igesso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、網(wǎng)站營銷、域名注冊、動態(tài)網(wǎng)站、商城網(wǎng)站、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計
天堂中文在线官网在线| 精品人妻一区二区三区四| 久久精品国产91麻豆| 中文字幕乱码av一区二区 | 日本一区二区在线观看视频| 在线欧美亚洲观看天堂| 护士一级特黄特色大片| 国产精品亚洲伦理在线| 亚洲欧美韩国日本成人综合| 成年人三级黄色片视频| 中文字幕精品一区二区三区精品| 婷婷久久五月综合激情| 亚洲青涩精品一区二区三区| 久久婷婷国产综合色啪| 91观看免费完整版高清| 91一区二区三区在线| 国产美女亚洲精品久久久| 亚洲天堂人妻一区二区| 日韩av一区二区三区在线| 在线播放欧美视频91| av真人青青小草一区二区欧美 | 91成人精品永久在线观看| 欧美内射专区精品一区| 国产成人免费自拍一区| 男女性生活视频成年人观看| 国产欧美高清在线观看视频 | 国产精品专区日产一区| 久久精品性少妇一区二区三区| 亚洲精品不卡一区二区| av在线中文字幕剧情| 国产精品99久久久久久人| 微拍福利一区二区三区| 日韩精品中文字幕国产精品| 一级片高清在线观看国产| 在线激情av中文字幕| 天堂av中文字幕在线不卡| 亚洲av成人永久网站一区| 国产三级精品久久三级国专区| 国产日韩精品一区二区在线| 久久久精品国产亚洲av色哟哟| 国产av无毛一区二区三区|