首页 文章

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

提问于
浏览
-1

希望你们都很好 .

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

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

有人能给我一些关于实现目标的最佳方法的提示吗?

这里是'改变iframe源'代码的jsfiddle工作:jsfiddle.net/2SH97/(这有页面的设计和最后的样子)这里是'滚动到顶部'的jsfiddle代码:jsfiddle.net/RpPEe/229/(我尝试更改iframe源的滚动到顶部的简短版本)

提前致谢 .

最好,

1 回答

  • 0
    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/
    

相关问题