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