Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 导航栏滚动至active li_Javascript_Jquery_Html - Fatal编程技术网

Javascript 导航栏滚动至active li

Javascript 导航栏滚动至active li,javascript,jquery,html,Javascript,Jquery,Html,我在导航栏中有一个id为mainul的ul。重新加载页面时,导航栏设置为开始。但是,我想设置或滚动到活动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&l

我在导航栏中有一个id为mainul的ul。重新加载页面时,导航栏设置为开始。但是,我想设置或滚动到活动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>
但它不起作用


请帮助我。

如果我正确理解您想要实现的目标,您可以使用此功能:

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

scrollToElement($('li.active'));
请记住,在文档准备就绪时调用它会很好:

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

请提供有助于他人理解和回答您的信息。
$(document).ready(function(){
    scrollToElement($('li.active'));
});