jQuery，如何使用外部网站的源滚动iFrame？

Question

我想对我的网站的iframe会从互联网加载 * 网站和 *自动进行滚动向下滚动（动画）。

它的工作原理 ，如果我有一个SRC一个简单的页面（本地）的一些内容，但是当我的改变src到外部源，它不再作品。

'ticks'变量不会增加，就像失去了范围一样， 这是怎么回事 ？

“ 不起作用 ： iframe id =” frame“ src =” http://www.thePage.com“ scrolling =” yes“ / ”
作品：iframe高度=“ 100％” id =“ frame” src =“ ./ mypage2.html” scrolling =“ yes” / *

这是一个例子：

<html>
     <head>
        <title></title>
      </head>

    <body style="margin:0px;padding:0px;overflow:hidden">

    <iframe height="100%" id="frame" src="http://plugins.jquery.com" scrolling="yes"  ></iframe>

</body>

    <script type="text/javascript" src="./js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">

   var ticks = 1;

    $(document).ready(function() {
        self.setInterval("scrolldown1("+(ticks+1)+")",5000);
    });


    function scrolldown1(tick) {
        alert("scrolldown" +  ticks);
        $("#frame").contents().scrollTop(ticks*100);
        ticks = ticks + 2;
    }


    </script>

</html>

感谢您的宝贵时间，我无法理解为什么在src和外部站点时它不会滚动！

Answer 1

由于同源政策，这实际上是不可能的。

解决该问题的一种方法是将整个第三方网站加载到一个很长的iframe ，然后将该iframe放入带有div overflow: auto的div ，然后滚动div 。

jQuery，如何使用外部网站的源滚动iFrame？

问题描述

1 个解决方案

解决方案1
2 2013-12-18 19:14:56

jQuery，如何使用外部网站的源滚动iFrame？

问题描述

1 个解决方案

解决方案1 2 2013-12-18 19:14:56

解决方案1
2 2013-12-18 19:14:56