Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改Iframe SRC&;使用超链接滚动到顶部_Javascript_Html_Css_Iframe_Scroll - Fatal编程技术网

Javascript 更改Iframe SRC&;使用超链接滚动到顶部

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”

希望你们都好

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

到目前为止,我已经成功地将滚动到顶部,并将iframe源代码更改为单独工作。但是,令人烦恼的是,他们在一起时似乎不起作用

有谁能告诉我实现目标的最佳方法吗

下面是“更改iframe源代码”的jsfiddle代码:jsfiddle.net/2SH97/(这有页面的设计以及最后的外观) 下面是“scroll to top”代码的jsfiddle:jsfiddle.net/RpPEe/229/(我尝试更改iframe源代码的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/