mirror of
https://github.com/QuiteAFancyEmerald/Holy-Unblocker.git
synced 2025-05-17 13:30:01 -04:00
Updated Animate Script
This commit is contained in:
parent
5b006cb867
commit
b0bef977af
1 changed files with 2 additions and 81 deletions
|
@ -1,85 +1,6 @@
|
|||
$(document).ready(function(){
|
||||
$('[data-bs-hover-animate]')
|
||||
.mouseenter( function(){ var elem = $(this); elem.addClass('animated ' + elem.attr('data-bs-hover-animate')) })
|
||||
.mouseleave( function(){ var elem = $(this); elem.removeClass('animated ' + elem.attr('data-bs-hover-animate')) });
|
||||
|
||||
(function(){
|
||||
|
||||
if(!('requestAnimationFrame' in window)) return;
|
||||
if(/Mobile|Android/.test(navigator.userAgent)) return;
|
||||
|
||||
var backgrounds = [];
|
||||
|
||||
$('[data-bs-parallax-bg]').each(function(){
|
||||
var el = $(this);
|
||||
var bg = $('<div>');
|
||||
|
||||
bg.css({
|
||||
backgroundImage: el.css('background-image'),
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center',
|
||||
position: 'absolute',
|
||||
height:'200%',
|
||||
width:'100%',
|
||||
top:0, left:0,
|
||||
zIndex: -100
|
||||
});
|
||||
|
||||
bg.appendTo(el);
|
||||
backgrounds.push(bg[0]);
|
||||
|
||||
el.css({
|
||||
position:'relative',
|
||||
background:'transparent',
|
||||
overflow: 'hidden',
|
||||
});
|
||||
});
|
||||
|
||||
if(!backgrounds.length) return;
|
||||
|
||||
var visible = [];
|
||||
var scheduled;
|
||||
|
||||
$(window).on('scroll resize', scroll);
|
||||
|
||||
scroll();
|
||||
|
||||
function scroll(){
|
||||
|
||||
visible.length = 0;
|
||||
|
||||
for(var i = 0; i < backgrounds.length; i++){
|
||||
var rect = backgrounds[i].parentNode.getBoundingClientRect();
|
||||
|
||||
if(rect.bottom > 0 && rect.top < window.innerHeight){
|
||||
visible.push({
|
||||
rect: rect,
|
||||
node: backgrounds[i]
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
cancelAnimationFrame(scheduled);
|
||||
|
||||
if(visible.length){
|
||||
scheduled = requestAnimationFrame(update);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function update(){
|
||||
|
||||
for(var i = 0; i < visible.length; i++){
|
||||
var rect = visible[i].rect;
|
||||
var node = visible[i].node;
|
||||
|
||||
var quot = Math.max(rect.bottom, 0) / (window.innerHeight + rect.height);
|
||||
|
||||
node.style.transform = 'translate3d(0, '+(-50*quot)+'%, 0)';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
})();
|
||||
.mouseleave( function(){ var elem = $(this); elem.removeClass('animated ' + elem.attr('data-bs-hover-animate'))
|
||||
});
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue