ionic2長列表返回頂端控制項的乙個簡單實現

2021-08-03 12:29:56 字數 758 閱讀 4745

ionic2有ion-infinite-scroll元件可以讓我們方便的實現移動端的分頁查詢邏輯(上拉載入更多操作)。可是在列表很長的時候,我們還需要乙個可以快速返回列表頂部的空間。

#scroll-to-top.component.html

ion-fab

icon-only

class="el-stt-button">

name="arrow-dropup">

ion-icon>

button>

ion-fab>

#scroll-to-top.component.scss

.el-stt-button

.icon

}

#scroll-to-top.component.ts

import from "ionic-angular";

@component()

export class scrolltotopcomponent

ngafterviewinit() else

if (this.fabshow && st < sh)

});}

scolltotop()

}

>

>

>

-top dis=

"2">-top

>

>

改變dis的值可以設定不同的返回頂端控制項按鈕出現需要滾動的螢幕距離。

Ionic2學習筆記(1) 新建乙個頁面

命令 ionic g page newpage 控制台提示一句話 import pages new page new page.scss 在裡面增加一句 自此,我們就新建了乙個頁面,在專案目錄下,你會找到這樣乙個資料夾 我們在new page.html中寫一些東西 展示頁面的內容 命令 ionic ...

ionic2入門教程(七)來乙個五星評分

系列教程看這裡 ionic2入門教程 一 安裝和環境配置 ionic2入門教程 二 高階配置 android打包 ionic2入門教程 三 高仿網易公開課 1 ionic2入門教程 四 解讀目錄結構 ionic2入門教程 五 如何使用ionicpage 請您對我們的服務評分 indx 1 style...

python 返回乙個列表中出現次數最多的元素

返回乙個列表中出現次數最多的元素 def showmax lt index1 0 記錄出現次數最多的元素下標 max 0 記錄最大的元素出現次數 for i in range len lt flag 0 記錄每乙個元素出現的次數 for j in range i 1,len lt 遍歷i之後的元素下...