SEARCH: safari

iOS safari浏览器上overflow: scroll元素无法滚动bug深究

Kinice · 2018-9-15 · 分类:工作日常 · 标签: safari javascript js css

前情提要 在之前我写过一篇文章:iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理,这篇文章写的是,当iOS safari浏览器上出现大于父容器的svg元素,想给父容器加上overflow: scroll实现内部滚动效果而失败的总结。但当时并没有意识到这个问题的实际原理,只是知道...

iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

Kinice · 2018-1-9 · 分类:工作日常 · 标签: js ios safari

描述 此bug出现需要条件:父元素需使用绝对定位absolute或固定定位fixed,使用overflow: scroll / auto(或overflow-y: scroll / auto),内部子元素是动态大小(例如较大的svg document,近似为内嵌iframe,等等)。 bug出现原因:没有相关官方文档描...

遇到的小问题汇总

Kinice · 2017-2-23 · 分类:工作日常 · 标签: work html css javascript js node

开个博记录一下平时遇到的一些小问题,以防忘记。 已解决 CSS问题 父容器中有一个长度不固定的子容器,如何让子容器在长度说不定会超过父容器的情况下自动居中? 如何用CSS解决文本溢出的问题?(文本截断)white-space: nowrap;overflow: hidden;text-overflow: ellip...

一些有趣的Useless小实验

Kinice · 2016-11-25 · 分类:脑洞钻孔 · 标签: HTML js css javascript

一、假如HTML中出现两个<body>会怎么样? 我尝试在HTML中加入两个<body>,给它们各自的id,观察下在浏览器中会变成什么样,再用js分别输出一下。 为了方便,js直接写到HTML中了。 代码如下: <body id="bd1"> <h1...