Le défilement ne fonctionne pas après le déclenchement cliquez sur

Question

J'utilise $$('.em-details-tabs')[0].scrollTo(); dans une fonction, puis déclenche un clic en utilisant $$('DIVELEMENT')[0].click();. La fonction click est exécutée avec succès mais le défilement vers un élément spécifique échoue. Voici mon extrait de code:

$$('a[href="#' + tab_id + '"]')[0].triggerEvent('click'); 
$$('.em-details-tabs')[0].scrollTo(); 

Answer 1

L'élément scrollTo() est disponible uniquement sur l'objet window, et il accepte également deux paramaters; x et y positions.

Pour résoudre ce problème, vous pouvez utiliser la méthode scrollTop() de jQuery sur le window et lui attribuer la position y de l'élément requis. Essayez ceci:

$$('a[href="#' + tab_id + '"]')[0].triggerEvent('click'); 
$$(window).scrollTop($$('.em-details-tabs').offset().top); 

Working Example

vous pouvez également modifier cette logique pour faire le Animer de défilement de sorte que l'effet est évident pour vos utilisateurs:

$$('html, body').animate({ 
    scrollTop: $$('.em-details-tabs').offset().top 
}, 500); 

Working Example