Опублікувавши мою відповідь, щоб допомогти комусь, відповідь з найвищим рейтингом не вирішив моєї якості.
Коли я реалізував наступне [з верхньої відповіді], моя анімація вертикального прокручування просто тремтіла вперед і назад:
$(function () {
$("#first").animate({
width: '200px'
}, { duration: 200, queue: false });
$("#second").animate({
width: '600px'
}, { duration: 200, queue: false });
});
Я посилався на: W3 Schools Set Interval, і це вирішило мою проблему, а саме розділ «Синтаксис»:
setInterval (функція, мілісекунди, param1, param2, ...)
Наявність моїх параметрів форми { duration: 200, queue: false }
примусово тривало нульове значення, і вона лише розглядала параметри для орієнтації.
Довгий і короткий, ось мій код, якщо ви хочете зрозуміти, чому він працює, прочитайте посилання або проаналізуйте очікувані параметри інтервалу:
var $scrollDiv = '#mytestdiv';
var $scrollSpeed = 1000;
var $interval = 800;
function configureRepeats() {
window.setInterval(function () {
autoScroll($scrollDiv, $scrollSpeed);
}, $interval, { queue: false });
};
Де "autoScroll":
$($scrollDiv).animate({
scrollTop: $($scrollDiv).get(0).scrollHeight
}, { duration: $scrollSpeed });
//Scroll to top immediately
$($scrollDiv).animate({
scrollTop: 0
}, 0);
Щасливого кодування!
animate()
працює, вони повинні працювати одночасно.