如何使用jquery在html中移动到可滚动div中的特定元素？
如何使用jquery在html中移动到可滚动div中的特定元素？
提问于 2018-05-31 18:41:48
我有一个可滚动的div，里面有一些元素。当我点击一个超链接文本时，这个div就会打开。我希望当div打开时，div必须滚动到那个特定点。我试过了，但我做不到。请帮帮我！
这就像我在一个页面上有一个元素，当我点击查看详细信息时，相同的文本应该在div的顶部并突出显示。
<div class="col-md-3" style="height: 500px; overflow: scroll;">
<ul class="nav flex-column nav-pills arealinks" style="">
<li class="nav-item"><a class="nav-link lahore" href="#">Lahore</a></li>
<li class="nav-item"><a class="nav-link faisalabad" href="#">Faisalabad</a></li>
<li class="nav-item"><a class="nav-link multan" href="#">Multan</a></li>
<li class="nav-item"><a class="nav-link bahawalpur" href="#">Bahawalpur</a></li>
<li class="nav-item"><a class="nav-link wazirabad" href="#">Wazirabad</a></li>
<li class="nav-item"><a class="nav-link sargodha" href="#">Sargodha</a></li>
<li class="nav-item"><a class="nav-link sialkot" href="#">Sialkot</a></li>
<li class="nav-item"><a class="nav-link karachi" href="#">Karachi</a></li>
<li class="nav-item"><a class="nav-link hyderabad" href="#">Hyderabad</a></li>
<li class="nav-item"><a class="nav-link mirpur_khas" href="#">Mirpur Khas</a></li>
<li class="nav-item"><a class="nav-link quetta" href="#">Quetta</a></li>
<li class="nav-item"><a class="nav-link peshawar" href="#">Peshawar</a></li>
<li class="nav-item"><a class="nav-link kohat" href="#">Kohat</a></li>
<li class="nav-item"><a class="nav-link d_i_khan" href="#">D I Khan</a></li>
</ul>
</div>回答 1
Stack Overflow用户
发布于 2018-05-31 19:01:19
首先，你需要在div上设置id来获得it.like：
然后去做：$("#navWrap").animate({scrollTop:100+'px'},1000)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50622412
复制相关文章
相似问题