-
Notifications
You must be signed in to change notification settings - Fork 0
/
Parallax background
35 lines (30 loc) · 1.16 KB
/
Parallax background
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<class="slider-area parallax" data-speed='3' data-bg-image='assets/img/slider/slider-img1.jpg' id="home">
/*================================
Parallax background
==================================*/
function bgParallax() {
if ($(".parallax").length) {
$(".parallax").each(function() {
var height = $(this).position().top;
var resize = height - $(window).scrollTop();
var parallaxSpeed = $(this).data("speed");
var doParallax = -(resize / parallaxSpeed);
var positionValue = doParallax + "px";
var img = $(this).data("bg-image");
$(this).css({
backgroundImage: "url(" + img + ")",
backgroundPosition: "50%" + positionValue,
backgroundSize: "cover",
});
if (window.innerWidth < 768) {
$(this).css({
backgroundPosition: "center center"
});
}
});
}
}
bgParallax();
$(window).on("scroll", function() {
bgParallax();
});