如何使用Element Backtop回到頂部

發(fā)布時(shí)間：2020-07-27 13:40:54 來(lái)源：億速云閱讀：422 作者：小豬欄目：開發(fā)技術(shù)

這篇文章主要講解了如何使用Element Backtop回到頂部，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

組件— 回到頂部

基礎(chǔ)用法

<template>
 Scroll down to see the bottom-right button.
 <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
</template>

自定義顯示內(nèi)容

如何使用Element Backtop回到頂部

<template>
 Scroll down to see the bottom-right button.
 <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
  <div
   style="{
    height: 100%;
    width: 100%;
    background-color: #f2f5f6;
    box-shadow: 0 0 6px rgba(0,0,0, .12);
    text-align: center;
    line-height: 40px;
    color: #1989fa;
   }"
  >
   UP
  </div>
 </el-backtop>
</template>

Attributes

如何使用Element Backtop回到頂部 Events

如何使用Element Backtop回到頂部

看完上述內(nèi)容，是不是對(duì)如何使用Element Backtop回到頂部有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

如何使用Element Backtop回到頂部

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽