从iFrame

时间:2015-11-09 20:02:42

标签: javascript jquery iframe twitter jquery-animate

我正在尝试为调用推文Feed的<ol>内的<iframe>标记设置自动滚动动画。

Demo

我现在拥有的是什么,但它会激活<iframe>的高度,这是错误的。

我想要的是让动画显示包含Feed列表的<ol>的高度。我注意到<ol>是唯一具有Feed总高度的人。

我不知道如何,但不知怎的,我们需要获得此<ol>的高度,并根据<iframe>的高度为<ol>上的滚动设置动画。

这是我的代码:

html{
	overflow:hidden !important;
}
body{
	background-color:#333;
}
#container{
	width:350px;
}
div.timeline div.stream{
	overflow:hidden !important;
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}
div.twtr-doc{
	margin-top: 37px;
}
<body>

<script>
function scroll(speed) {
    $('html, body').animate({ scrollTop: $(document.getElementById("twitter-widget-0")).height() - $(window).height() }, speed, function() {
        $(this).animate({ scrollTop: 0 }, speed);
    });
}

speed = 1000;

scroll(speed)
setInterval(function(){scroll(speed)}, speed * 1);
</script>

<div id="container">
    <a class="twitter-timeline" href="https://twitter.com/wildenmediainc" data-widget-id="539490745749475328" data-chrome="noscrollbar nofooter" width="350px;">Tweets by @wildenmediainc		</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

</body>

我正试图从任何地方获取信息。

0 个答案:

没有答案