Ready to elevate your procurement experience? Connect with O&O today! Our experts are prepared to deliver smart, efficient, and cost-effective solutions designed to support your growth. Let’s make great things happen together!
document.addEventListener("DOMContentLoaded", function () {
const track = document.querySelector(".auto-scroll-track");
if (!track) return;
let speed = 0.4; // change this later if needed
let pos = 0;
let paused = false;
track.addEventListener("mouseenter", () => paused = true);
track.addEventListener("mouseleave", () => paused = false);
function animate() {
if (!paused) {
pos -= speed;
if (Math.abs(pos) >= track.scrollWidth / 2) {
pos = 0;
}
track.style.transform = `translateX(${pos}px)`;
}
requestAnimationFrame(animate);
}
animate();
});
If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows:
jQuery(document).ready(function( $ ){
// Your code in here
});
--
If you want to link a JavaScript file that resides on another server (similar to
), then please use
the "Add HTML Code" page, as this is a HTML code that links a JavaScript file.
End of comment */