スクロールした量を、rangeにも反映させたいのですが、計算式がわかりません
rangeのmaxを100として、スクロール領域の移動量と同じ分をrangeに反映させるには、
rangeのvalueをスクロール領域の高さ÷スクロール量としましたが、違うようでわからずにいます
rangeのmaxを100とした場合に、どのような計算式を使えば適切にスクロール領域とrangeを連動できますでしょうか?
javascript
1<style> 2body,html{ 3height:100%; 4color:black; 5} 6input[type="range"]{ 7-webkit-appearance:slider-vertical; 8} 9</style> 10 11<script> 12window.onload=function(){ 13document.getElementById("a").onscroll = function(){ 14range.value=a.scrollHeight/a.scrollTop;//この計算式がわかりません 15} 16} 17</script> 18 19<div style="float:left;width:50%;height:100%"> 20<input type="range" id="range" value="100" max="100" min="0" orient="vertical"> 21</div> 22 23<!-- ↓このスクロール領域のスクロールした分をrangeに連動させ反映させたい --> 24<div id="a" style="float:left;width:50%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling: touch">scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll<br>scroll</div>
あなたの回答
tips
プレビュー