Question

我在主页上的点击事件中弹出了一个iframe。 iframe的内容很大，所以当我点击表单末尾的重置按钮时，我希望iframe内容滚动到顶部。

$(document).ready(function () {
    $("#reset").click(function (e) {  
        /*clearFormContent();*/ 
        $('body').prop('scrollTop', 0);
    }).click(function (e) { 
        e.preventDefault();
    });
});

我已经尝试了上面的代码，但没有为我工作，我已经尝试过，.animate({scrollTop:0}) 但它似乎没有用。你有什么想法吗？

Answer 1

然后尝试检测onload事件并以这种方式执行：

var myIframe = document.getElementById('iframe');
myIframe.onload = function () {
    myIframe.contentWindow.scrollTo(xcoord,ycoord);
}

Answer 2

这似乎解决了这个问题：

  $("#reset").click(function (e) {  
                                 $('html, body').animate({
                                     scrollTop: $("body").offset().top
                                       }, 500);
                                }).click(function (e) { e.preventDefault();});

Answer 3

更改您的代码

$(document).ready(function () {
    $("#reset").click(function (e) {  
        /*clearFormContent();*/ 
        $('body').prop('scrollTop', 0);
    }).click(function (e) { 
        e.preventDefault();
    });
});

这个

$(function(){

        $("#reset").click(function (e) {  

            $(this).parents("body").animate({scrollTop:0});
        }).click(function (e) { 
            e.preventDefault();
        });

})

单击时在iframe内滚动到顶部

3 个答案: