Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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 jQuery自定义垂直滚动UL错误_Javascript_Jquery - Fatal编程技术网

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;}
哦,我明白你的意思了:)非常感谢!我会找到解决办法;)