javascript - Iframe 中的 "Back to Top",跨浏览器兼容性

标签 javascript jquery html css iframe

我有一个 iframe,在该 iframe 中我有一个“返回顶部”按钮,可将用户带回到 iframe 的顶部。该按钮在 IE 中偶尔起作用,但在 Firefox 和 Google Chrome 上根本不起作用。该按钮使用的代码如下:

<input type="button" class="submit_long" onClick="window.location='#';
document.getElementById('tablecon').scrollTop = 0; window.scrollTo = (0,0);"
value="Back To Top" accesskey="T" tabindex="9999" name="button4">

iframe 的位置是 orders.example.com,父级位于 example.com。这会属于同一个域问题吗?如果这是同一个域问题,为什么它在 IE 而不是 Firefox 中工作?有什么解决方法吗?我不需要它只转到 iframe 顶部的父级顶部。

我愿意接受任何建议,但需要使用多个帮助文件的建议除外。

最佳答案

您可以将其设为链接并将其样式设置为按钮:

<a href="#" class="some-class-to-make-it-look-like-a-button">Back to Top</a>

这样您就可以减少对内联 JavaScript 的依赖。

关于javascript - Iframe 中的 "Back to Top",跨浏览器兼容性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30812211/

相关文章:

javascript - jQuery/JavaScript : webkit clearTimeout issue

jquery - 如何选择特定 id 下的特定类?

javascript - 在表中实时搜索特定列

javascript - 以对象的字段作为参数获取 javascript 对象的字段名称

javascript - 使用 Javascript 将值存储在变量中

javascript - 让单个 javascript 文件在多个 html 页面上工作

javascript - 在 api 上进行 jquery ajax 请求时出现 CORS 错误

javascript - 使用 jquery 地址或至少使用 ajax 时出现另一个 IE 错误 : stack overflow at line 0,

html - WordPress 页面模板中是否需要标签 'html' 和 'body'?

javascript - 使用 jQuery 制作自定义范围 slider