触发点击后滚动不起作用

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