Javascript 单击锚定标记时转到顶部

Javascript 单击锚定标记时转到顶部,javascript,jquery,Javascript,Jquery,我有一个视频播放器,当我点击缩略图时,它的视频将在播放器上播放,但不会自动滚动到页面顶部 我找到了使它在单击时移动到顶部的脚本 $(document).ready(function() { $('a[href=#top]').click(function() { $('#top').animate({scrollTop: 0},600); return false; }); }); </script> <body> <

我有一个视频播放器,当我点击缩略图时,它的视频将在播放器上播放,但不会自动滚动到页面顶部

我找到了使它在单击时移动到顶部的脚本

$(document).ready(function() {
    $('a[href=#top]').click(function() {
        $('#top').animate({scrollTop: 0},600);
        return false;
    });
});
</script>
<body> 
<a href="#top">asdf</a>
</body>
$(文档).ready(函数(){
$('a[href=#top]')。单击(函数(){
$('#top')。设置动画({scrollTop:0},600);
返回false;
});
});

错误在于动画元素的选择,应该是这样的:

$(this).animate({scrollTop: 0},600);
$(this).animate({scrollTop: 0},600);
选择器#top将搜索ID为top的元素

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

动画元素选择应如下所示:

$(this).animate({scrollTop: 0},600);
$(this).animate({scrollTop: 0},600);

你的问题是什么?我已经为每个缩略图设置了一个锚定标记如何将#top添加到我现有的锚定标记中