課程
/前端開發(fā)
/Vue.js
/快速入門Web閱讀器開發(fā)
當點擊視圖左右區(qū)域觸發(fā)翻頁時,如何使得進度條發(fā)生相應變化?現(xiàn)在無論字號、主題還是進度,能設置但是不清楚怎么訪問當前值?求老師指教。
2018-09-01
源自:快速入門Web閱讀器開發(fā) 3-11
正在回答
可以參考官方提供的例子:
//?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; });
你好,這個問題需要使用Locations對象的locationFromCfi()來實現(xiàn)
locationFromCfi(cfi)?:?number
傳入cfi即定位數(shù)據后獲取對應的百分比,然后將百分比傳入進度條控件即可
VyingGao 提問者
Sam 回復 VyingGao 提問者
VyingGao 提問者 回復 Sam
qq_慕數(shù)據4544929 回復 VyingGao 提問者
qq_慕數(shù)據4544929 回復 qq_慕數(shù)據4544929
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%`}
參考一下。
淡水狗
舉報
帶你了解電子書閱讀器的工作原理,通過Vue.js快速實現(xiàn)Web閱讀器
1 回答當點擊左翻頁或者右翻頁的時候進度條是沒有變化的?
1 回答跳轉目錄的時候,如何讓進度條跟著變化?下一頁的時候讓進度條也變化?
1 回答進度條沒有隨著翻頁改變
1 回答點擊上一頁下一頁怎么讓進度條變化?
8 回答完美解決,點擊下一頁上一頁,進度條跟著變化的問題!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-09-01
可以參考官方提供的例子:
2018-09-01
你好,這個問題需要使用Locations對象的locationFromCfi()來實現(xiàn)
傳入cfi即定位數(shù)據后獲取對應的百分比,然后將百分比傳入進度條控件即可
2019-03-07
翻頁事件中觸發(fā)此事件,傳一個curPercentage參數(shù)給menuBar,watch curPercentage變化時調用menuBar中的方法:
參考一下。