javascript - 前端怎么实现内容超出显示区域自动分页

问题描述

问 题

1. 使用full-page做的分页效果
2. 每一页可以显示文字 图片 和音频视频播放器
3. 当一页显示足够的文字 显示不下就在下一页显示
4. 如果页面还剩下100px,此时有张图高度为200px,那么这张图在下一页显示 播放器类型也是这样
5. 现在所有的元素类型（文本，图片，播放器）均是从上往下排列 所以只需要检测高度来分页

没有好的思路 求大神指点！！！

解决方案

大概能理解你的需求，就是在不同尺寸的屏幕下，内容根据占屏幕大小来自动进行合适的布局
我的思路大概是这样，为每一块内容包一层div，将其作为一个模块，使用脚本计算每个模块的尺寸与屏幕的关系，然后为其分配不同的page，但是实际上还是会存在一种问题，就是一个模块的高度超出了屏幕高度，这个时候你就得拆分成更细粒度的模块来进行了。

这篇关于javascript - 前端怎么实现内容超出显示区域自动分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！