Jquery iframe视图
这是一个有点奇怪的问题,但我想让一个圆(或一些形状)在iframe周围反弹,只露出圆的内部 那么,我如何才能在这段时间内做到这一点呢Jquery iframe视图,jquery,html,css,Jquery,Html,Css,这是一个有点奇怪的问题,但我想让一个圆(或一些形状)在iframe周围反弹,只露出圆的内部 那么,我如何才能在这段时间内做到这一点呢 使其不大于圆(意味着iframe不占用空间) 看起来像是在更大的画布上“弹跳” 获得了使用此代码的滚动条。现在我只需要做一个反弹函数 $(document).ready(function() { $('iframe').contents().find("html, body").animate({ scrollTop: 250 }, { duration
- 使其不大于圆(意味着iframe不占用空间)
- 看起来像是在更大的画布上“弹跳”
$(document).ready(function() {
$('iframe').contents().find("html, body").animate({ scrollTop: 250 }, { duration: 'medium', easing: 'swing' });
})
多亏了
如果您正在从另一个域构建内容,您将遇到一些跨域问题。以下是如何滚动不在您的域中的iframe的帖子: 要跳出,您可以将项目的位置设置为绝对,只需移动其顶部和左侧css属性 html js
它没有反弹,但这是一个开始。到目前为止你有没有尝试过什么?我不知道如何在iframe上跳跃。谢谢。反弹有点棘手,我想我会根据iframe内容的维度生成随机数,并让它每10秒左右更新一次。很好,scrollTop开始工作,我尝试了$('iframe'),但没有成功。
<div id="google">
<iframe width="800" height="600" src="http://doc.jsfiddle.net/" scrolling="no" />
</div>
#google {
width: 100px;
height: 100px;
overflow: hidden;
border-radius:20%;
left:0px;
top:0px;
position:absolute;
}
$(document).ready(function () {
$frame = $('#google');
$frame.scrollTop(0).scrollLeft(0);
$frame.animate({
left: '+=100',
top: '+=100'
}, {
duration: 4000,
step: function () {
$frame.scrollLeft($frame.scrollLeft() + 1);
$frame.scrollTop($frame.scrollTop() + 1);
}
});
return false;
});