错误-PerfectScrollbar：无法调用类型缺少调用签名的表达式。类型“号码”没有兼容的呼叫签名

Question

此代码可以正常工作：-

$(".info).scrollTop(0);

但是，下面的等效代码显示错误：-

let ele : HTMLElement =  document.querySelector('.info');
 ele.scrollTop(0);  <---- Error

Error: - Error - PerfectScrollbar : Cannot invoke an expression whose type lacks a call signature. Type 'Number' has no compatible call signatures

Answer 1

它们不是等效的。

第一个代码段使用JQuery，JQuery返回的对象有一个名为scrollTop的方法。

第二个片段使用浏览器DOM API，该API返回一个HTMLElement。在此对象上，scrollTop是代表滚动偏移量的数字。要滚动到特定位置，您必须使用scrollTo方法：

ele.scrollTo({
  top: 10
})