如何使用 vanilla js 在 Cordova / Capacitor / Conic 中以编程方式滚动

Posted 2023-03-16

【中文标题】如何使用 vanilla js 在 Cordova / Capacitor / Conic 中以编程方式滚动

【英文标题】：How to scroll programmatically in Cordova / Capacitor / Conic using vanilla js

【发布时间】：2022-01-18 15:00:08

【问题描述】：

我确实搜索了很多，但没有找到可以接受的答案，所以这里是问题和我的解决方案，供其他人在这方面苦苦挣扎。

问题：我们不能再使用window.scrollTo()，以编程方式滚动它因性能问题而被禁用。

【参考方案1】：

解决方案：所以我们需要做这样的事情：

顶部 div 应该放在 html 中的顶层（并且应该只有一个顶部 div），并带有以下 css：

.div-scrollable 
    overflow-y: auto;
    position: relative;
    height: 100vh;
    top: 0;

像这样，我们可以使用顶部 div 滚动，这里的命令可以很好地做到这一点：

document.getElementsByClassName('div-scrollable')[0].scrollTo( top: y, behavior: 'smooth' )

干杯！