我有以下代码,它在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)
});