2014-01-10 57 views
-1

希望你一切安好。更改Iframe SRC&使用超鏈接滾動到頂部

我想用html,CSS和Javascript創建我自己的視頻庫。 我的想法是有超鏈接的縮略圖,點擊時,滾動到頂部並在iframe中播放YouTube視頻。

到目前爲止,我已經設法讓滾動到頂部和更改iframe源單獨工作。但是,令人煩惱的是,他們在一起時似乎並不奏效。

任何人都可以給我提示,以達到我的目標的最佳方式?

以下是'改變iframe源代碼'jsfiddle的工作原理:jsfiddle.net/2SH97/(它具有頁面的設計以及它在最後的樣子) 這裏是jsfiddle of the '滾動到頂部'代碼:jsfiddle.net/RpPEe/229/(一個短版本的滾動到頂部與我嘗試更改iframe源)

在此先感謝。

最佳,

+0

如果可以的話你應該提供你的企圖代碼用的jsfiddle。 –

+0

這是我的代碼到目前爲止的一個鏈接:http://jsfiddle.net/2vSt9/ – user3182759

回答

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

這很好,我不能更快樂。 愛與光給你我親愛的朋友x – user3182759