トリガーをクリックした後にスクロールが機能しない

Question

私は$$('.em-details-tabs')[0].scrollTo();を関数で使用していて、$$('DIVELEMENT')[0].click();を使用してクリックをトリガーしています。クリック機能は正常に実行されますが、特定の要素へのスクロールは失敗します。ここに私のコードスニペットは、次のとおりです。

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

Answer 1

scrollTo()要素はwindowオブジェクトでのみ利用可能であり、また2 PARAMATERSを受け入れます。 xおよびy位である。

これを修正するには、windowでjQueryのscrollTop()メソッドを使用し、必要な要素の位置にyを指定します。

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

Working Example

代わりにあなたが効果がユーザーに明らかになるようにスクロールアニメーションを作るために、このロジックを修正することができます：これは試してみてください

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

Working Example