我正在尝试在我的网站上安装一个iframe,它将从互联网加载网站 *并且* 自动执行滚动向下滚动(动画)。
如果我有一个带有一些内容的简单页面(本地)作为src,但是当我将src更改为外部时,它可以工作源,它不再有效。
'ticks' 变量没有增加,看起来好像失去了范围,发生了什么?
- “不起作用:iframe id="frame"src="http://www.thePage.com"scrolling="yes"/"<
- 有效:iframe height="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和外部站点时它不滚动!
最佳答案
由于同源策略,这实际上是不可能的。
解决此问题的一种方法是将整个第三方网站加载到一个很长的 iframe
中,然后将该 iframe
放入 div
中overflow: auto
,然后滚动 div
。
关于jquery,如何使用外部站点的源滚动 iFrame?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20666348/