Parallax Scroll Effect Solution

Question

Я хочу сделать эффект параллакса для прокрутки, но дело в том, что элемент поверх <div class="main">. Я хочу применить эффект параллакса - это карусель, поэтому я написал функцию, которая задала ему отрицательный маржинальный низ, так что похоже, что .main идет вверх, у меня проблема в том, что она делает прокрутку немного отстает и выглядит не очень хорошо.

Кстати, вот это JS Я написал:

var $gallery = $("#gallery");
var delay;
var lastScrollTop = 0;
$(window).scroll(function(event) {
  var scrollPos = $(this).scrollTop();
  delay = setTimeout(function() {
    if (scrollPos > lastScrollTop) {
      if (scrollY >= 100) {
        $gallery.css("top", ((scrollY - 100) / 4));
      }
    } else {
      if (scrollY < 100) {
        $gallery.css("top", ((scrollY) / 4));
      }
    }

  }, 10);
});