首頁猿問前端怎么實(shí)現(xiàn)內(nèi)容超出顯示區(qū)域自動(dòng)分頁

前端怎么實(shí)現(xiàn)內(nèi)容超出顯示區(qū)域自動(dòng)分頁

JavaScript

海綿寶寶撒 2018-12-20 15:26:23

使用full-page做的分頁效果每一頁可以顯示文字圖片和音頻視頻播放器當(dāng)一頁顯示足夠的文字顯示不下就在下一頁顯示如果頁面還剩下100px,此時(shí)有張圖高度為200px,那么這張圖在下一頁顯示播放器類型也是這樣現(xiàn)在所有的元素類型（文本，圖片，播放器）均是從上往下排列所以只需要檢測(cè)高度來分頁沒有好的思路求大神指點(diǎn)?。?！

查看完整描述

1 回答

茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超21個(gè)贊

大概能理解你的需求，就是在不同尺寸的屏幕下，內(nèi)容根據(jù)占屏幕大小來自動(dòng)進(jìn)行合適的布局
我的思路大概是這樣，為每一塊內(nèi)容包一層div，將其作為一個(gè)模塊，使用腳本計(jì)算每個(gè)模塊的尺寸與屏幕的關(guān)系，然后為其分配不同的page，但是實(shí)際上還是會(huì)存在一種問題，就是一個(gè)模塊的高度超出了屏幕高度，這個(gè)時(shí)候你就得拆分成更細(xì)粒度的模塊來進(jìn)行了。

反對(duì) 回復(fù) 2019-01-18