In my project I need to do an automatic sliding vertical slider:
var number = 0;
var count = $(".home-header-boxes .col-6").children().length;
window.setInterval(
function() {
number = number + 104; // 104px div height
$(".home-header-boxes .col-6 .home-header-boxes-profile-wrapper").each(function(i) {
$(this).css({
"transform": "translateY(-" + number + "px)",
})
})
if (number == count * 104) {
number = 0;
$(".home-header-boxes .col-6 .home-header-boxes-profile-wrapper").each(function() {
$(this).css({
"transform": "translateY(0px)",
})
})
}
}, 3000);
I wonder if there is a simpler way to do this vertical slider, because sometimes the transformY
is not going up fluently. It is disappearing and showing.