Javascript 锚定标签的双重作用

Javascript 锚定标签的双重作用,javascript,jquery,video,scroll,anchor,Javascript,Jquery,Video,Scroll,Anchor,我正在用一个主播放器创建视频库 当用户点击链接时,youtube视频将在主视频播放器中播放。由于一些视频将出现在折叠下面,我希望页面向上滚动,以便用户可以看到主视频播放器 我需要有双重行动时,用户点击标签。1) 打开至视频2)向上滚动 这样的事情可能吗 请帮忙 谢谢你我用你想要的功能做了一个简单的演示。因为您的视频“链接”只是作为页面事件的触发器,所以您甚至不必使用如果您使用jQuery添加多个单击处理程序,它们都将运行。 $(document).ready(function(){ $

我正在用一个主播放器创建视频库

当用户点击链接时,youtube视频将在主视频播放器中播放。由于一些视频将出现在折叠下面,我希望页面向上滚动,以便用户可以看到主视频播放器

我需要有双重行动时,用户点击标签。1) 打开至视频2)向上滚动

这样的事情可能吗

请帮忙


谢谢你

我用你想要的功能做了一个简单的演示。因为您的视频“链接”只是作为页面事件的触发器,所以您甚至不必使用

如果您使用
jQuery
添加多个单击处理程序,它们都将运行。
$(document).ready(function(){ 
    $('#video-link').on('click', function(e) {
        //Scroll the user down to the video
        $('body').animate({
            'scrollTop': $('#video-player').offset().top + 'px',
        }, 400, function() {
            //Start playing the embedded video
            var src = $('#video-player').attr('src');
            $('#video-player').attr('src', src + '?autoplay=1');
        });
    });
});