Como obter porcentagem de rolagem horizontal de um elemento HTML em JavaScript?
Como podemos calcular a porcentagem de 'distância' coberta pela barra de rolagem em um elemento entre o início e o fim?
<div id="container" style="overflow-x:scroll; max-width:1000px;">
<div id="contained" style="width:3000px;"></div>
</div>
<script>
$('#container').scroll(function(){
var scrollPercentage; //How to get scroll percentage?
});
</script>
Então, se a barra de rolagem estiver completamente à esquerda, nós queremos0
, e se é completamente à direita, queremos obter100
.