Question

我试图用jQuery做一个简单的练习，它有3个按钮和1个iframe。按钮是向上，向下和停止。我希望当我点击向上时，iframe的滚动会移动到顶部以防万一已移动＆amp;当点击Down时它应该到底部，当点击Stop时，滚动应该停止。我试图滚动到顶部的东西，但我无法做到。请检查我的代码和＆amp;给我一个有用的链接。谢谢。

＆＃13;

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#up").click(function(){
                    $("iframe").scrollTop(500);
                });
            });
        </script>

＆＃13;

    <body>
        <input type="button" name="up" value="Up" id="up"/>
        <input type="button" name="down" value="Down" />
        <input type="button" name="stop" value="Stop"/>
        <br>
        <iframe src="poesia.html" id="iframe">
        </iframe>
    </body>

＆＃13;

Answer 1

我认为您正在尝试访问iFrame的内容，其来源来自您正在使用的另一个域，而这是不可能的，这称为same-origin policy。

当iframe源自您使用的同一域时，您可以访问和修改iframe。在那种情况下$("#iframe").scrollTop(0);或$("#iframe").contents().scrollTop(0)应该有用。

使用jQuery

1 个答案: