javascript - TinyMCE 使带有 Flash 应用程序的页面向下滚动(仅限 Chrome 和 Safari)

标签 javascript css flash iframe tinymce

我有一个 Flash 应用程序,它占据了整个浏览器窗口。我必须使用 iframe 在其上显示 TinyMCE。此 iframe 必须看起来像是 Flash 应用程序的一部分。

一切正常,除了在 Chrome 和 Safari 上,只要 TinyMCE 出现,页面就会向下滚动一点。这使得 Flash 应用程序“上升”了一点,而 TinyMCE 看起来它开始的时候比实际应该的要低一些。

编辑:好的,我进行了更多调查,发现正在发生的事情是在页面底部插入了一个神秘的空白区域。没有溢出:隐藏(当我看到滚动条时)这个空间在文档的外面,意味着用 Chrome 开发者工具检查不在 html 元素内(空间本身不在 DOM 中,我只能请参阅之前的 html 元素完成)。使用 overflow:hidden 它会出现在 body 内部,但我想这是因为它稍后以某种方式“包含”或其他原因。

Edit2:找到了一些关于这个问题的信息: http://www.google.com/support/forum/p/Chrome/thread?tid=6d78452432a4c4d7&hl=en

http://www.hotscripts.com/forums/javascript/53545-scripts-causing-white-space-bottom-chrome-safari.html

但是还是没有解决办法...

enter image description here

使用

overflow:hidden

在页面上并没有改善它,它只是没有出现滚动条,但 flashmovie 仍然“向上”几个像素。

页面的CSS:

html, body, #flashcontent {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

flash 应用程序上的 HTML 元素,其中包含带有 TinyMCE 的 iframe 是这样的:

<div id="htmlel" style="position: absolute; width: 583px; height: 386px; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; overflow-x: auto; overflow-y: auto; left: 854px; top: 117px; "></div>

另一个细节:我知道它与 TinyMCE 有关,因为当我用相同的机制(一个更大的机制)只在 Flash 应用程序上放置一个 div 时,这不会发生。在 iframe 中使用 FCKeditor 也可以。它仅在使用 TinyMCE 时发生(并且仅在 Chrome 和 Safari 中,其他浏览器显示良好)。

有什么想法吗?提前致谢。

最佳答案

如果您在 Flash 视频中使用了负边距怎么办?

类似于 margin-bottom: -20px;。如果这不起作用,您可以在 TinyMCE 框上尝试相反的方法 (margin-top: -20px;)。

关于javascript - TinyMCE 使带有 Flash 应用程序的页面向下滚动(仅限 Chrome 和 Safari),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9654716/

相关文章:

javascript - 如何获取整数数组项的所有可能组合?

javascript - Webpack 文件加载器发出的 png 名称与发出的 bundle.js 中引用的名称不同

html - CSS 样式提交像 href 标签

html - CSS将父元素的背景颜色显示在子元素的背景颜色之上?

php - 直接在浏览器中使用 jquery/flash 从网络摄像头录制视频?

javascript - 将 undefined/null/NaN 与 ActionScript 中的数字进行比较

actionscript-3 - 增加反编译*.swf文件的新功能

javascript - JS 点击事件监听器仅工作一次,并且不能与预期的 if 语句一起工作

javascript - 如何在js中 trim html内容?

javascript - "[object Object]"中小写字母与大写字母所暗示的控制台区别