animate image on scroll view jquery

Doubtful Dugong answered on September 23, 2022 Popularity 4/10 Helpfulness 1/10

answer animate image on scroll view jquery

animate image on scroll view jquery

Comment

function check_if_in_view() {
  var window_height = $window.height();
  var window_top_position = $window.scrollTop();
  var window_bottom_position = (window_top_position + window_height);

  $.each($animation_elements, function() {
    var $element = $(this);
    var element_height = $element.outerHeight();
    var element_top_position = $element.offset().top;
    var element_bottom_position = (element_top_position + element_height);

    //check to see if this current container is within viewport
    if ((element_bottom_position >= window_top_position) &&
        (element_top_position <= window_bottom_position)) {
      $element.addClass('in-view');
    } else {
      $element.removeClass('in-view');
    }
  });
}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: www.sitepoint.com

Tags: image javascript jquery scroll view

Link to this answer
Share Copy Link

Contributed on Sep 23 2022

Doubtful Dugong

0 Answers Avg Quality 2/10

animate image on scroll view jquery

Contents

More Related Answers

animate image on scroll view jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.