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

Question

我正在使用生成 iframe 的 shadowbox 在页面上显示产品详细信息。因为详细信息页面可能很长，所以客户想要一个向下滚动页面的“更多”按钮(显然 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);