滚动到Li Javascript

滚动到Li Javascript,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在一个由UL和LI元素构造的固定div中自动化滚动条。我发现这个建议是:$('#yourUL').scrollTop($('#yourUL li:nth child(#)).position().top)但它对我不起作用 <div class="download-section"> ... <div class="panel-body" style="max-height: 300px;overflow-y: scroll;"> <ul

我想在一个由UL和LI元素构造的固定div中自动化滚动条。我发现这个建议是:$('#yourUL').scrollTop($('#yourUL li:nth child(#)).position().top)但它对我不起作用

<div class="download-section">
   ...
   <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
      <ul class="list-group" id="ulid">
         <?php include 'myextraction.php';?>
      </ul>
   </div>
   <script src="https://code.jquery.com/jquery-1.10.2.js">
      $('#ulid').scrollTop($('#ulid li:nth-child(#)').position().top);
   </script>
   ...
</div>

...
$('#ulid').scrollTop($('#ulid li:n个子(#)).position().top); ...
我的“li”是按升序排列的(最新的在底部)。 我想根据日期自动滚动到下一个li。 今天是12月26日,下一个活动是1月31日。因此,我想滚动到1月31日对应的li


您选择的是
ul
标记,而您的
父div
有一个
overflow-y
,它在内容溢出上添加了滚动条,因此将选择器从
#ulid
更改为
。面板主体

来自

$('#ulid').scrollTop($('ul > li:nth-child(#)').position().top);

$('.panel-body').scrollTop($('ul > li:nth-child(2)').position().top);
$('.panel body').scrollTop($('ul>li:nth child(2)).position().top)
.panel body>ul{
填充:0;
保证金:0;
文本对齐:居中;
}
.面板主体>ul>li{
填充:50px 0px;
背景:黄色;
}

  • 日期-2017年5月12日
  • 日期-2017年12月15日
  • 日期-2017年12月23日
  • 日期-2017年12月25日
  • 日期-2017年12月26日

您选择的是
ul
标记,而您的
父div
有一个
overflow-y
,它在内容溢出上添加了滚动条,因此将选择器从
#ulid
更改为
。面板主体

来自

$('#ulid').scrollTop($('ul > li:nth-child(#)').position().top);

$('.panel-body').scrollTop($('ul > li:nth-child(2)').position().top);
$('.panel body').scrollTop($('ul>li:nth child(2)).position().top)
.panel body>ul{
填充:0;
保证金:0;
文本对齐:居中;
}
.面板主体>ul>li{
填充:50px 0px;
背景:黄色;
}

  • 日期-2017年5月12日
  • 日期-2017年12月15日
  • 日期-2017年12月23日
  • 日期-2017年12月25日
  • 日期-2017年12月26日
也许这可以帮助您:

for(var i=2010;i也许这能帮助您:


for(var i=2010;我能用它现在的样子造一把小提琴吗?你在de ID和
li之间缺少了一个空格:
#ulid li:n个孩子(#)
你能用它现在的样子造一把小提琴吗?你在de ID和
li之间缺少了一个空格:
#ulid li:n个孩子(#)
它不会自动滚动到下一个日期,您需要更改目标日期的第n-child()。它不会自动滚动到下一个日期,您需要更改目标日期的第n-child()。