使用超链接更改 iframe SRC 并滚动到顶部

Question

希望你一切都好。

我正在尝试使用 html、CSS 和 Javascript 创建自己的视频库。 我的想法是，有一些超链接的缩略图，当点击时，滚动到顶部并在 iframe 中播放 youtube 视频。

到目前为止，我已经设法让滚动到顶部并更改 iframe 源以单独工作。但是，令人讨厌的是，他们在一起时似乎不起作用。

谁能给我一些关于实现目标的最佳方式的提示？

这里是“更改 iframe 源”代码的 jsfiddle：jsfiddle.net/2SH97/（这有页面的设计和最后的样子） 这是“滚动到顶部”代码的 jsfiddle：jsfiddle.net/RpPEe/229/（我尝试更改 iframe 源的滚动到顶部的简短版本）

提前致谢。

最好的，

Answer 1

 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/