导航栏滚动到活动li

Question

我在导航栏中有一个带有id mainul的ul。页面重新加载时，导航栏设置为start.But，我想设置或滚动到活动li。

我的HTML代码是，

<ul id="mainul">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
.
.
.
.
.
<li>25</li>
<li class="active">26</li>
<li>27</li>
</ul>

我的javascript代码是，

var rowpos = $('.active').position();
$('#mainul').scrollTop(rowpos.top);

但它不能正常工作

请帮帮我。

Answer 1

如果我理解你想要达到的目的，你可以使用这个功能：

function scrollToElement(ele) {
    $(window).scrollTop(ele.offset().top).scrollLeft(ele.offset().left);
}

像这样：

scrollToElement($('li.active'));

请记住，在文档准备就绪时调用它会很好：

$(document).ready(function(){
    scrollToElement($('li.active'));
});