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/

改变Iframe SRC＆amp;使用超链接滚动到顶部

1 个答案: