如何使用CSS/JS滚动到特定元素
如何使用CSS/JS滚动到特定元素
提问于 2014-11-06 14:55:11
这是虚拟代码。我的要求是，当我单击最后一个li元素时，它里面的一个hidden div将是displayed.But，我需要向下scroll到它才能看到它。那么，当我用id=hello点击li时，window会自动向下滚动到该div吗？
首先使用CSS，然后是JS，不使用jQuery。
var ele=document.getElementById('hello');
ele.addEventListener("click", function (event) {
document.getElementById("hidden-div").style.display="block";
},false);.fixed-height-div{
height:120px;
overflow-y:scroll;
}
.fixed-height-div > li{
background-color:lightblue;
list-style-type: none;
}<div class="fixed-height-div">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>G</li>
<li id="hello">H
<div id="hidden-div" style="display:none;">
This should be displayed after click<br><br>
And the scroll should come to this screen.
</div>
</li>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26773423
复制相关文章
相似问题