Line 217: | Line 217: | ||
popup.classList.toggle("show"); | popup.classList.toggle("show"); | ||
} | } | ||
+ | |||
+ | function pagination() { | ||
+ | |||
+ | var offset = $(document).scrollTop(); | ||
+ | var windowHeight = $(window).height(); | ||
+ | var $body = $('body'); | ||
+ | |||
+ | switch (true) { | ||
+ | case (offset > (windowHeight * 3.75)): | ||
+ | $body.removeClass().addClass('page-5'); | ||
+ | break; | ||
+ | case (offset > (windowHeight * 2.75)): | ||
+ | $body.removeClass().addClass('page-4'); | ||
+ | break; | ||
+ | case (offset > (windowHeight * 1.75)): | ||
+ | $body.removeClass().addClass('page-3'); | ||
+ | break; | ||
+ | case (offset > (windowHeight * .75)): | ||
+ | $body.removeClass().addClass('page-2'); | ||
+ | break; | ||
+ | default: | ||
+ | $body.removeClass().addClass('page-1'); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | pagination(); | ||
+ | |||
+ | $(document).on('scroll', pagination); | ||
+ | |||
+ | $(document).on('click', 'a[href^="#"]', function(e) { | ||
+ | e.preventDefault(); | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $($.attr(this, 'href')).offset().top | ||
+ | }, 500); | ||
+ | }); | ||
+ | |||
</script> | </script> |
Revision as of 10:10, 17 October 2018