滚动到Li Javascript
我想在一个由UL和LI元素构造的固定div中自动化滚动条。我发现这个建议是:$('#yourUL').scrollTop($('#yourUL li:nth child(#)).position().top)代码>但它对我不起作用滚动到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
<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()。