jQuery垂直文本滚动

时间:2013-04-23 21:35:52

标签: jquery

我有以下代码,它在 CodePen JSFiddle 和浏览器中的行为方式不同。它只能在CodePen中完美运行。

基本上我希望它能无限制地从上到下滚动而不会停止。

以下是代码的实例,http://jsfiddle.net/qmFD3/http://codepen.io/anon/pen/fiaql

function scroller() {
  $('#honor-roll ul').animate({
    top: '-=' + $('#honor-roll ul li:last').height()
  }, 1000, 'linear', function () {
    var offset = $('#honor-roll ul li:last').offset().top;
    console.log(offset);
    if (offset <= 2000) {
      $('#honor-roll ul').css("top", 0);
      $('#honor-roll ul li:last').after($('#honor-roll ul li:first').detach());
    }
  });
}
$(document).ready(function () {
  setInterval('scroller()', 200)
});

1 个答案:

答案 0 :(得分:1)

在jsFiddle中,控制台说:

Uncaught ReferenceError: scroller is not defined
(anonymous function)