課程
/前端開發
/Vue.js
/快速入門Web閱讀器開發
點擊上一頁下一頁怎么讓進度條變化?
2018-10-20
源自:快速入門Web閱讀器開發 3-12
正在回答
你好,需要使用Locations對象來實現
this.rendition.next().then(()?=>?{ ??//?獲取當前的位置信息 ??const?currentLocation?=?this.rendition.currentLocation() ??//?獲取當前位置的進度百分比 ??this.progress?=?this.locations.percentageFromCfi(currentLocation.start.cfi)} )
將progress與input滑塊綁定,這樣就可以在更新progress后,自動更新進度條了
具體實現思路和原理可以查看我近期發布的一篇手記:http://www.xianlaiwan.cn/article/255112
慕村6339174
舉報
帶你了解電子書閱讀器的工作原理,通過Vue.js快速實現Web閱讀器
8 回答完美解決,點擊下一頁上一頁,進度條跟著變化的問題!
1 回答跳轉目錄的時候,如何讓進度條跟著變化?下一頁的時候讓進度條也變化?
1 回答當點擊左翻頁或者右翻頁的時候進度條是沒有變化的?
2 回答在點擊下一頁、上一頁和目錄跳轉的時候,進度百分比還是0
1 回答進度條沒有隨著翻頁改變
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-10-20
你好,需要使用Locations對象來實現
將progress與input滑塊綁定,這樣就可以在更新progress后,自動更新進度條了
具體實現思路和原理可以查看我近期發布的一篇手記:http://www.xianlaiwan.cn/article/255112