+ +Discover Popular videos on poketube! +
<% if (!tab) { %>
@@ -524,7 +561,61 @@ window.addEventListener("load", () => {
progressContainer1.style.display = 'none';
}, 500);
});
+
+ let isScrolling = false;
+let startY = 0;
+let currentY = 0;
+let velocityY = 0;
+let lastTimestamp = 0;
+
+const element = document.documentElement || document.body; // Use the entire page for scrolling
+
+element.addEventListener('mousedown', (e) => {
+ isScrolling = true;
+ startY = e.clientY;
+ currentY = startY;
+ velocityY = 0;
+ lastTimestamp = performance.now();
+});
+
+element.addEventListener('mousemove', (e) => {
+ if (isScrolling) {
+ const deltaY = e.clientY - currentY;
+ currentY = e.clientY;
+ const timestamp = performance.now();
+ const elapsed = timestamp - lastTimestamp;
+ lastTimestamp = timestamp;
+ velocityY = deltaY / elapsed;
+
+ // Update the scroll position based on deltaY
+ element.scrollTop += deltaY;
+ }
+});
+
+element.addEventListener('mouseup', () => {
+ isScrolling = false;
+ // Apply the kinetic scrolling effect based on the velocityY
+ const animationFrame = () => {
+ if (Math.abs(velocityY) > 0.1) {
+ element.scrollTop += velocityY;
+ velocityY *= 0.95; // Damping factor
+ requestAnimationFrame(animationFrame);
+ }
+ };
+ requestAnimationFrame(animationFrame);
+});
+
+element.addEventListener('mouseleave', () => {
+ isScrolling = false;
+});
+
+element.addEventListener('wheel', (e) => {
+ // You can also handle mouse wheel events for kinetic scrolling
+ // Adjust the scrollTop based on e.deltaY
+ element.scrollTop += e.deltaY;
+});
// @license-end
+