Javascript 如何使用CSS/JS滚动到特定元素

这是伪代码。我的要求是，当我点击最后一个

li

元素时，它里面会显示一个

隐藏的div

。但我需要

向下滚动到它才能看到它。
所以当我用
id=hello
点击
li
时，窗口应该自动向下滚动到那个div

首先使用CSS，然后使用JS，不使用jQuery

function showIt(elementId) {
    var el = document.getElementById(elementId);
    el.scrollIntoView(true);
}


var ele=document.getElementById（'hello'）；
ele.addEventListener（“单击”），函数（事件）{
document.getElementById（“隐藏的div”）.style.display=“block”；
}，假）
。固定高度div{
高度：120px；
溢出y：滚动；
}
.固定高度div>li{
背景颜色：浅蓝色；
列表样式类型：无；
}

A
B
C
D
E
F
G
H
这应该在单击后显示


滚动条会出现在这个屏幕上。
您可以使用锚点重定向
window.location=currentlocation+“#”+id
，也可以使用jquery-lib-

编辑：
我读到它不可能是jQuery。试试这个：

ele.addEventListener("click", function (event) {
    document.getElementById("hidden-div").style.display="block";
    window.location.href = window.location.href + "#hidden-div";
},false);

在显示/展开隐藏的div之后，调用
li
元素的
scrollIntoView
函数
这不需要jQuery

function showIt(elementId) {
    var el = document.getElementById(elementId);
    el.scrollIntoView(true);
}

欲了解更多信息，请参考
是否需要将其设置为动画？任何内容。只需自动滚动到该div。那么，我要尝试的第一件事是在
hello
li
中放置一个简单的锚元素，并将其
href
属性设置为
\myHiddenDivsId
。它不需要JS，我认为你不能用CSS滚动，因为没有CSS属性来处理DOM元素的滚动。至少我从来没见过。是的，但是什么样的动画？可以将div设置为其他位置的动画，但不能使用CSS滚动页面。还是我不明白你的最后一个问题？你能用CSS提供解决方案吗+这个JS是1solution@ShoaibChikate我怀疑你能用css滚动一个div。尽管可以在div滚动时使用css提供效果。但是你不能用css设置滚动值。你能用css提供解决方案吗+1用于此JS解决方案。遗憾的是，没有使用CSS的解决方案。