mirror of
https://github.com/TeamNewPipe/website
synced 2025-10-06 00:22:38 +02:00
39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
$(document).ready(function() {
|
|
let $carousel = $(".carousel");
|
|
$carousel.carousel();
|
|
let carousels = {0: "user-voices-carousel"};
|
|
let paused = {};
|
|
for (let key in carousels) {
|
|
if (!carousels.hasOwnProperty(key)) continue;
|
|
paused[key] = false;
|
|
}
|
|
let w, wTop, fTop, fHeight;
|
|
|
|
/**
|
|
* Prevent jumping page on small screens
|
|
* caused by a not-fixed height of the F-Droid carousel
|
|
*/
|
|
function preventSingleCarouselJumping() {
|
|
w = $(window).width();
|
|
wTop = $(window).scrollTop();
|
|
for (let c in carousels) {
|
|
let $ca = $("#" + carousels[c]);
|
|
fTop = $ca.offset().top;
|
|
fHeight = $ca.outerHeight();
|
|
if (w < 768 && !paused[c] && wTop > fTop + fHeight) { // pause cycling when slides are not displayed
|
|
paused[c] = true;
|
|
$ca.carousel('pause');
|
|
} else if (w < 768 && paused[c] && wTop <= fTop + fHeight // enable cycling when they are displayed
|
|
|| w >= 768 && paused) { // enable cycling when window got resized
|
|
paused[c] = false;
|
|
$ca.carousel('cycle');
|
|
}
|
|
}
|
|
}
|
|
|
|
$(window).scroll(preventSingleCarouselJumping);
|
|
$(window).resize(preventSingleCarouselJumping);
|
|
preventSingleCarouselJumping();
|
|
|
|
});
|