觸發點擊後滾動不起作用

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對象上可用，它也接受兩個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