Javascript jQuery自定义垂直滚动UL错误
我有这样的结构:Javascript jQuery自定义垂直滚动UL错误,javascript,jquery,Javascript,Jquery,我有这样的结构: <div id="wrapper"> <ul> <li class="entry"> <div class="t_time">16:40</div> <div class="t_label">Some text</div> </li> <li class="entry"> <div class=
<div id="wrapper">
<ul>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
<li class="entry">
<div class="t_time">16:40</div>
<div class="t_label">Some text</div>
</li>
</ul>
</div>
-
16:40
一些文本
-
16:40
一些文本
-
16:40
一些文本
-
16:40
一些文本
-
16:40
一些文本
-
16:40
一些文本
这个JS可以使它垂直滑动:
function scroller(){
$('#wrapper ul').animate(
{
top: '-=' + $('#wrapper ul li:last').height()
},
3000,
'linear',
function(){
var offset = $('#wrapper ul li:last').offset().top;
console.log(offset);
if( offset <= 640){
$('#wrapper ul').css("top", 0);
$('#wrapper ul li:last').after($('#wrapper ul li:first').detach());
}
}
);
}
setInterval(scroller ,3000);
函数滚动条(){
$('#wrapper ul')。设置动画(
{
顶部:'-='+$('#li:last')。高度()
},
3000,
“线性”,
函数(){
var offset=$('#wrapper ul li:last').offset().top;
控制台日志(偏移量);
如果(offsetI just,(我在小提琴中更改了一些超时设置)。似乎如果列表元素没有指定的高度,就会导致jQuery animate中出现问题
将此项添加到样式表中,即可正常工作:
#wrapper ul li {height:50px; list-style:none;}
哦,我明白你的意思了:)非常感谢!我会找到解决办法;)