如何使整个iframe框架回到顶部 10

点击按钮让整个iframe框架回到顶部这个怎么弄啊按钮是在right里面的... 点击按钮 让整个iframe 框架 回到顶部 这个怎么弄啊

按钮是在right里面的
展开
 我来答
鞋子来啦
推荐于2017-12-16 · TA获得超过109个赞
知道答主
回答量:44
采纳率:0%
帮助的人:33.6万
展开全部

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<iframe id="iframe" src="分步加载.html" frameborder="1px solid #000" style="height: 400px;width: 200px;"></iframe>

<script>

    var iframe = document.getElementById("iframe");

    window.onclick = function(){

        console.log(iframe.contentWindow.window.scrollY);

        for(var k in iframe){

            var x = k+"";

            console.log(x);

        }

    }

</script>

</body>

</html>

好了,iframe的window对象取到了,scroll也有了,接着就是让iframe的滚动条滚动就是了


只要一句代码就够了


        iframe.contentWindow.window.scrollTo(0,0);

当然上面的方法在IE上会有兼容问题,你可以考虑用JQuery来解决兼容的问题,以及动画效果!

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式