scroll titles

by Emily Humphrey

JavaScript

Stuck.prototype = {
  speed: 2,
  scrollAction: function(){
      var speed = this.scrollSpeed;
      var element = this.element;
      var startPoint = this.start;
      var endPoint = this.start + this.element.height() + 200;
      $(window).on("scroll", function(){
          var scrollPos = {
            top: $(window).scrollTop(),
            bottom: top + $(window).height()
          };
          
          if(startPoint < scrollPos.bottom && endPoint > scrollPos.top){
            moveTitle(scrollHeight, startPoint, title);
            
            var position = (scrollHeight - startPoint)/4;
            
            if(position > 0){
              element.css("transform", "translateY("+position+"px)");
            }
          }
      });
  }
};

function Stuck(element, speed){
  this.element = element;
  this.speed = speed;
  this.start = this.element.position().top;
}

var stuckTitle = new Stuck($("#js-new-title-stuck"), 6);