javascript - 如何使用 jquery 从内部滚动 iframe？

Question

我正在使用一个阴影框，它生成一个 iframe 以在页面上显示产品详细信息。因为详细信息页面可能很长，所以客户端想要一个向下滚动页面的“更多”按钮（显然 iframe 右侧的滚动条不够用）。

这是我尝试让 iframe 滚动的代码：

$(document).ready(function()
{
$(".moreButton img").click(function() {
    scrollbottom();
});
});

function scrollbottom() {
var x = 250; // this number is a temporary placeholder
var t = 500;
$("iframe").animate({ scrollTop: x }, t);
}

我也尝试过使用 body 而不是 iframe 但无济于事。有任何想法吗？谢谢！

Answer 1

像这样：（已测试）

$("iframe").contents().children().animate({ scrollTop: x }, t);

Answer 2

在父 javascript 中创建一个函数，如下所示：

function scrollToPoint(top) {
    $("html, body").animate({ scrollTop: top }, "slow")
}

并像这样在 iframe 中调用该函数：

window.parent.scrollToPoint(top);

它应该在 chrome 中工作，尚未在 Firefox 中测试

Answer 3

这最终起作用了：

$('html,body').animate({ scrollTop: x }, t);

Answer 4

在 Chrome 中，我必须专门选择 body 元素：

$('#my-iframe').contents().find('body').animate({scrollTop:90},500);