Javascript 更改Iframe SRC&;使用超链接滚动到顶部
希望你们都好 我正在尝试使用html、CSS和Javascript创建自己的视频库。 我的想法是,有一些缩略图是超链接,单击后滚动到顶部,并在iframe中播放youtube视频 到目前为止,我已经成功地将滚动到顶部,并将iframe源代码更改为单独工作。但是,令人烦恼的是,他们在一起时似乎不起作用 有谁能告诉我实现目标的最佳方法吗 下面是“更改iframe源代码”的jsfiddle代码:jsfiddle.net/2SH97/(这有页面的设计以及最后的外观) 下面是“scroll to top”代码的jsfiddle:jsfiddle.net/RpPEe/229/(我尝试更改iframe源代码的scroll to top的简短版本) 提前谢谢Javascript 更改Iframe SRC&;使用超链接滚动到顶部,javascript,html,css,iframe,scroll,Javascript,Html,Css,Iframe,Scroll,希望你们都好 我正在尝试使用html、CSS和Javascript创建自己的视频库。 我的想法是,有一些缩略图是超链接,单击后滚动到顶部,并在iframe中播放youtube视频 到目前为止,我已经成功地将滚动到顶部,并将iframe源代码更改为单独工作。但是,令人烦恼的是,他们在一起时似乎不起作用 有谁能告诉我实现目标的最佳方法吗 下面是“更改iframe源代码”的jsfiddle代码:jsfiddle.net/2SH97/(这有页面的设计以及最后的外观) 下面是“scroll to top”
最好,如果可以的话,你应该用jsfiddle提供你尝试的代码。这里是到目前为止我的代码的链接:这很好用,我再高兴不过了。爱与光献给你,我亲爱的朋友x
function scrollt(){
$("body").animate({
scrollTop: 0
}, 600);
}
$("[target='projectsiframe']").on('click',function () {
$("#ifr").attr('src',$(this).attr('href'));
scrollt();
});
DEMO
http://jsfiddle.net/2SH97/3/