将jQuery视差函数转换为vanilla javascript

Question

这是一个工作视差函数，它通过将'data-type =“parallax”'和'data-speed =“5”'数据属性添加到您希望视差的HTML元素来工作。

然而，它是我在我的网站上使用的唯一jQuery。我希望将它转换为香草js以节省一些捆绑尺寸。

我所有的尝试都失败了。任何帮助都是适当的！

$(() => {
  // Cache the Window object
  const $window = $(window);

  $('[data-type="parallax"]').each(function() {
    const paraElm = $(this); // assigning the object
    $window.scroll(() => {
      // Scroll the background at var speed
      // the yPos is a negative value because we're scrolling it UP!
      const yPos = -($window.scrollTop() / paraElm.data('speed'));

      // Put together our final background position
      const coords = `50% ${yPos}px`;

      // Move the background
      paraElm.css({ backgroundPosition: coords });
    });
  });
});