Safari 内 iframe 下拉回弹背景问题

2016-04-19 08:08:45 +08:00
 halden

今天写 css 的时候发现一个问题,大家都知道 safari 有个页面回弹的效果(用触摸板的时候,鼠标好像没有),比如你把页面网上拉一点,然后用力往下拉,就会触发这个效果,现在设置如下:

我在 html 里面放了一个 iframe , 定义 iframe 的 css: { background:black;}, iframe 内外 html 的 body 都给了 {background:black;}

然后问题来了,对 iframe 触发回弹效果时,回弹留空的部分是白色的 白色的 白色的!!!

也就是说那一节的颜色和网页的背景颜色不一样,而且只有对 iframe 下拉才有这个问题(触发这个还有一个条件, iframe 之中的内容本身要超过 iframe 的高度,也就是说 iframe 要出现滚动条),丑死了有木有,求破?

2985 次点击
所在节点    Safari
4 条回复
bigcoon
2016-04-19 08:28:01 +08:00
目测 lz 处女座
wsph123
2016-04-19 10:29:52 +08:00
内侧的网页加个样式
html{background:#000}
maplerecall
2016-04-19 10:47:56 +08:00
不滚动 iframe 的 document ,滚动 body 或者子元素试试
halden
2016-04-19 23:03:42 +08:00
@bigcoon 射手座路过。。。


@wsph123 试过了,不行


@maplerecall 呃。。具体操作?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/272133

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX