如何使用JavaScript(或jQuery)自动滚动到iframe的末尾
How to autoscroll to the end of iframe using JavaScript (or jQuery)?
我有以下代码:
<iframe id="preview" onLoad="scrollToBottom()"></iframe>
我的目标-当帧重新加载时,会触发"scrollToBottom()"函数,它会将用户带到iFrame的末尾(而不是默认情况下的帧的开头)。我现在的代码是:
function scrollToBottom() {
window.scrollTo(0, document.body.scrollHeight);
}
我知道,不知何故,我必须计算/传递iframe的scrollHeight,但我不确定如何做到这一点。我想要的是JavaScript或jQuery的解决方案。我在这里看到了一些解决方案,但没有一个对我有效。顺便说一句…我不需要任何动画或效果。。。只需要一个简单/简单的解决方案。
任何帮助都将不胜感激。提前谢谢。
以下方法应该有效。
$('#preview').contents().scrollTop($('#preview').contents().height());
然而,在这种情况下,iframe本身必须来自您的域,否则会抛出错误
不安全的JavaScript尝试访问框架、域、协议和端口必须匹配。
相关文章:
- 在firefox和chrome中的左侧显示iframe滚动条
- 使用浏览器滚动条而不是iframe滚动条
- iframe赢得'除非重新打开,否则不要滚动
- iframe中的iframe没有滚动
- 可以'我无法滚动iFrame
- 在移动应用程序上滚动iframe会在某个时刻跳到页面顶部
- 使用按钮滚动iframe-iPhone
- 内帧内容高度.使用父页面滚动 iframe 内容
- 向上滚动Iframe&从父页向下
- 在iPhone上滚动iframe'不起作用
- 在iPad和iPhone上滚动iframe
- 滚动iframe的页面容器
- 从父页面滚动iframe
- 带父窗口的滚动iframe
- 滚动iframe到没有id字段的锚
- 滚动iframe的Javascript?(如Facebook消息)
- 无法在Firefox上滚动iframe内容
- 在iPad上滚动iframe
- 崇高滚动插件未按预期滚动(iframe 事件捕获问题)
- 如何使用浏览器的滚动条滚动iframe的内容