¿Hay alguna forma de personalizar una barra de desplazamiento usando tipo de entrada = rango?
Sé que hay una forma de personalizar la barra de desplazamiento mediante la barra de desplazamiento de webkit, pero también quiero que funcione en Firefox.
hasta ahora lo que tengo es esto
https://codepen.io/sir-j/pen/NWggGde
Básicamente vinculé mi $(window).scrollTop() al valor de cualquier rango.
el problema con esto es que mi navegador puede desplazarse hacia arriba y hacia abajo cuando cambio el rango, pero no puedo cambiar el rango de entrada cuando me desplazo hacia arriba y hacia abajo.
alguien tiene alguna idea?
Intente usar el evento de desplazamiento y window.scrollY para obtener el valor de desplazamiento
PD: este es un código con enlace bidireccional, solo debe sincronizar eso:
var i = document.querySelector('input') i.addEventListener('input', function () { const num = parseNum(i.value); document.getElementById('thescrolling2').innerHTML = num; $(window).scrollTop(num); }) window.addEventListener('scroll', function(e) { i.value = parseNum(window.scrollY); windowScrollTop = $(window).scrollTop(); document.getElementById('thescrolling1').innerHTML = parseNum(windowScrollTop); }, false); function parseNum(v) { return Number(v).toFixed(2); }