javascript - 单击时将 div move 到最高视口(viewport)

Question

在包含数百个 div 元素的网页上，我需要能够单击任何人并使窗口滚动(向上或向下)，以便 div 出现在视口(viewport)的顶部。

换句话说:当单击某个元素时如何让窗口滚动，以便该元素出现在视口(viewport)顶部？

Element.scrollIntoView() 可以做到这一点(以及如何做到)？

Answer 1

这就是你想要做的(点击按钮查看):

$("button").click(function(){
  $(this).addClass("sivola");
});

.sivola {
    position: fixed;
    top: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
<button>130 Martin Garrix si volaaa</button>