如何将此JQuery on scroll转换为Vanilla JS

将JQuery on scroll转换为Vanilla JS的方法如下：

1. 首先，我们需要了解JQuery on scroll的作用。JQuery的on scroll方法用于在滚动事件发生时执行特定的操作。
2. 在Vanilla JS中，我们可以使用addEventListener方法来实现相同的功能。addEventListener方法用于向元素添加事件监听器。
3. 首先，我们需要获取要添加滚动事件监听器的元素。可以使用document.querySelector或document.getElementById等方法获取元素的引用。
4. 然后，使用addEventListener方法向元素添加滚动事件监听器。语法如下：

element.addEventListener('scroll', function() {
  // 在滚动事件发生时执行的操作
});

1. 在上述代码中，'scroll'是事件类型，function() {}是滚动事件发生时要执行的操作的函数。
2. 在函数内部，可以编写需要执行的操作的代码。例如，可以更改元素的样式、执行其他函数等。
3. 最后，如果需要移除滚动事件监听器，可以使用removeEventListener方法。语法如下：

element.removeEventListener('scroll', functionName);

1. 在上述代码中，'scroll'是事件类型，functionName是要移除的事件监听器的函数。

综上所述，以上是将JQuery on scroll转换为Vanilla JS的方法。通过使用addEventListener方法，我们可以在滚动事件发生时执行特定的操作，从而实现与JQuery on scroll相同的功能。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc