Apple Mac Pro прокрутки эффект

Question

Как Apple, добиться эффекта, что Mac Pro бесшовно движущуюся на этой странице http://www.apple.com/uk/mac-pro/

Я думал, что страница, показывающая видео, которое делает паузу и возобновляет как пользователь перемещает страницы вниз, но есть изображения для каждого приостановленного состояния, поэтому я не уверен, что это происходит.

Answer 1

Пожалуйста, попробуйте это:

$(function() { 

    var el = $('.intro'), 
     mac = $('#mac'), 
     offset = mac.offset(), 
     windowHeight = $(window).height(); 

    $(window).on('scroll', function() { 

     $('h1').fadeOut(500); 

     var windowTop = $(window).scrollTop(), 
      scrollPercent = (offset.top - windowTop)/offset.top, 
      scale = 'scale(' + scrollPercent + ')'; 

     el.css('transform', scale); 

     if (windowTop >= 940) { 
      el.hide(); 
     } else { 
      el.show(); 
     } 
    }); 

}); 

DEMO

Apple Mac Pro page deconstructed