24 lines
671 B
JavaScript
24 lines
671 B
JavaScript
jQuery(function ($) {
|
|
$(window).on('scroll', function () {
|
|
$('.parallax-box').each(function () {
|
|
var box = $(this)
|
|
var img = box.find('.parallax-box-img')
|
|
|
|
var boxTop = box.offset().top
|
|
var boxHeight = box.outerHeight()
|
|
var scrollTop = $(window).scrollTop()
|
|
var windowHeight = $(window).height()
|
|
|
|
if (scrollTop + windowHeight > boxTop && scrollTop < boxTop + boxHeight) {
|
|
var percentSeen =
|
|
(scrollTop + windowHeight - boxTop) / (windowHeight + boxHeight)
|
|
percentSeen = Math.min(Math.max(percentSeen, 0), 1)
|
|
|
|
var translateY = (percentSeen - 0.5) * 400
|
|
|
|
img.css('transform', 'translateY(' + translateY + 'px)')
|
|
}
|
|
})
|
|
})
|
|
})
|