Publier ma réponse pour aider quelqu'un, la réponse la mieux notée n'a pas résolu mon scrupule.
Lorsque j'ai implémenté ce qui suit [à partir de la première réponse], mon animation de défilement vertical a juste tremblé d'avant en arrière:
$(function () {
$("#first").animate({
width: '200px'
}, { duration: 200, queue: false });
$("#second").animate({
width: '600px'
}, { duration: 200, queue: false });
});
J'ai fait référence à: W3 Schools Set Interval et cela a résolu mon problème, à savoir la section 'Syntaxe':
setInterval (fonction, millisecondes, param1, param2, ...)
Ayant mes paramètres du formulaire { duration: 200, queue: false }
forcé une durée de zéro et il n'a regardé que les paramètres à titre indicatif.
Le long et le court, voici mon code, si vous voulez comprendre pourquoi cela fonctionne, lisez le lien ou analysez les paramètres d'intervalle attendus:
var $scrollDiv = '#mytestdiv';
var $scrollSpeed = 1000;
var $interval = 800;
function configureRepeats() {
window.setInterval(function () {
autoScroll($scrollDiv, $scrollSpeed);
}, $interval, { queue: false });
};
Où 'autoScroll' est:
$($scrollDiv).animate({
scrollTop: $($scrollDiv).get(0).scrollHeight
}, { duration: $scrollSpeed });
//Scroll to top immediately
$($scrollDiv).animate({
scrollTop: 0
}, 0);
Bon codage!
animate()
fonctionnement, ils devraient s'exécuter simultanément.