用FocusArea统一场景遮罩
三维场景里同时挂了动态图层、切片图层和要素图层,要只展示划定范围内的内容。
按图层类型分别处理就得维护三套逻辑,最后用 FocusArea 一个 API 统一了。
在线书籍:
https://sourceacademy.org/sicpjs/foreword02
实体书(JavaScript版本)有中文版:
https://book.douban.com/subject/36787585/
课后习题答案(中文):
https://sicp.readthedocs.io/en/latest/index.html
官方github:
系统中嵌入了iframe,设置了100%高度,但是iframe中还是出现了滚动条。
查询资料发现,iframe是内联元素,默认与baseline对齐。在iframe后有一个行内空白节点,空白节点始终占据着高度,导致外部容器被撑开,出现滚动条。
解决方法:设置iframe的vertical-align:top;