bde-liste/static/js/anim.js

45 lines
1.5 KiB
JavaScript
Raw Normal View History

2022-12-15 16:14:41 +00:00
var $animation_elements = $("#prank-desc, #activite-desc, #chasse-desc");
var $window = $(window)
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)) {
if(!$element.hasClass('animated')) {
$element.addClass('animated');
new TypeIt('#' + $element.attr('id'), {
speed: 30,
})
.go();
}
}
});
}
2022-12-12 16:44:58 +00:00
$(window).on("load", function() {
2022-12-15 13:30:34 +00:00
/*let type = new TypeIt("#typed-data", {
2022-12-12 16:44:58 +00:00
speed: 10,
startDelay: 0,
cursor: true
})
.go();
2022-12-15 13:30:34 +00:00
$(document).on("click", function() {
type.options({speed: 1});
});*/
2022-12-15 16:14:41 +00:00
$(window).on("scroll resize", check_if_in_view);
$(window).trigger("scroll");
2022-12-15 13:30:34 +00:00
2022-12-15 16:14:41 +00:00
$("#prank-button").hover(function () { $('.hover-circle').fadeIn(100) }, function(){ $('.hover-circle').fadeOut(100) });
});