Изменить Iframe SRC & Прокрутите вверх, используя гиперссылку

Question

Надеюсь, что у вас все хорошо.

Я пытаюсь создать свою собственную видео галерею, используя html, CSS и Javascript. Моя идея заключается в том, что есть миниатюры, которые являются гиперссылками, которые при нажатии, прокручиваются вверх и воспроизводят видео в формате YouTube в iframe.

До сих пор мне удалось получить как прокрутку вверх, так и изменение источника iframe для индивидуальной работы. Но, досадно, они, похоже, не работают, когда они вместе.

Может ли кто-нибудь дать мне советы о наилучшем способе достижения моей цели?

Вот jsfiddle работающего кода смены кода iframe: jsfiddle.net/2SH97/ (У этого есть дизайн страницы и как он будет выглядеть в конце) Вот jsfiddle of the 'scroll to top' code: 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/