设置当前选中的一直在浏览器的可视区域中

设置当前选中的一直在浏览器的可视区域中

当前的选中项是在上一个视频页面选择的，选择的是最后一个视频，在如上的新窗口打开的时候，需要让选中的那一项在浏览器的可视区域中。

刚开始的做法是获取选中的那条视频列表（li 类名为selected）距离顶部的距离，再设置动画，使选中的那条视频列表li出现在可视区域内

var top = $(".selected").offset().top
$(".selected").offset().top)
$('html,document').animate({
  scrollTop:0
 },10)

但是没有任何的效果，选中的那条视频列表li并没有做任何的滚动，也没有出现在浏览器的可视区域中。

后来是这样设置的：

 function getTop() {
  document.querySelector(".selected").scrollIntoView()
 }
 getTop()

就会将选中的那项，在当前页面中显示在浏览器的可视区域中了。