第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

當觸發(fā)翻頁時,如何使得進度條發(fā)生相應變化?

當點擊視圖左右區(qū)域觸發(fā)翻頁時,如何使得進度條發(fā)生相應變化?
現(xiàn)在無論字號、主題還是進度,能設置但是不清楚怎么訪問當前值?求老師指教。

正在回答

3 回答

可以參考官方提供的例子:

//?Wait?for?book?to?be?rendered?to?get?current?page
displayed.then(function(){
??//?Get?the?current?CFI
??var?currentLocation?=?rendition.currentLocation();
??//?Get?the?Percentage?(or?location)?from?that?CFI
??var?currentPage?=?book.locations.percentageFromCfi(currentLocation.start.cfi);
??slider.value?=?currentPage;
??currentPage.value?=?currentPage;
});


0 回復 有任何疑惑可以回復我~

你好,這個問題需要使用Locations對象的locationFromCfi()來實現(xiàn)

locationFromCfi(cfi)?:?number

傳入cfi即定位數(shù)據后獲取對應的百分比,然后將百分比傳入進度條控件即可


0 回復 有任何疑惑可以回復我~
#1

VyingGao 提問者

怎么獲取cfi定位數(shù)據?
2018-09-01 回復 有任何疑惑可以回復我~
#2

Sam 回復 VyingGao 提問者

我們已經通過Locations.generate()生成了cfi的數(shù)組,cfi表示位置,通過locationFromCfi方法我們可以獲取該位置對應的進度百分比
2018-09-01 回復 有任何疑惑可以回復我~
#3

VyingGao 提問者 回復 Sam

Cannot read property 'steps' of undefined。
2018-09-01 回復 有任何疑惑可以回復我~
#4

VyingGao 提問者 回復 Sam

我把generate()生成了cfi的數(shù)組傳入locationFromCfi方法里面,就報錯了。
2018-09-01 回復 有任何疑惑可以回復我~
#5

qq_慕數(shù)據4544929 回復 VyingGao 提問者

請問一下,你這個翻頁觸發(fā)進度條變化的問題解決了嗎?求指教
2019-03-27 回復 有任何疑惑可以回復我~
#6

qq_慕數(shù)據4544929 回復 qq_慕數(shù)據4544929

已解決
2019-03-27 回復 有任何疑惑可以回復我~
查看3條回復
onLocationChange()?{let?curLocation?=?this.rendition.currentLocation()this.curPercentage?=?(Math.floor(this.locations.percentageFromCfi(curLocation.start.cfi)?*?10000)?/?100).toFixed(1)?*?1//?console.log(this.curPercentage)}

翻頁事件中觸發(fā)此事件,傳一個curPercentage參數(shù)給menuBar,watch curPercentage變化時調用menuBar中的方法:

onCurPercentageChange()?{this.progress?=?this.curPercentagethis.$refs.progress.style.backgroundSize?=?`${this.progress}%?100%`}

參考一下。

0 回復 有任何疑惑可以回復我~
#1

淡水狗

哈哈哈謝謝你給了思路。在我的改進下可以運行了
2019-05-22 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

當觸發(fā)翻頁時,如何使得進度條發(fā)生相應變化?

我要回答 關注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號