html/cssのみを使用してカスタムスクロールバーをいくつかのアクションワークにバインドできますか？

Question

ここでは、ページ上にどのように表示されるかをイメージしています。しかし、私はhtml/cssだけを使用しなければなりません。アドバイスをしてもらえますか？可能ですか？ Image

ありがとうございます。

Answer 1

これはスライダーであり、スクロールバーではありません。 jQueryでは簡単です。ここで

は、しかし、あなたのために働くかもしれないソリューションです：

http://www.developerdrive.com/2012/07/creating-a-slider-control-with-the-html5-range-input/

Answer 2

入力タイプレンジ： のInternet Explorer 9およびそれ以前のバージョンではサポートされません。

$(document).ready(function(){ 
 
    $("[type=range]").change(function(){ 
 
    var newval=$(this).val(); 
 
    $("#slidernumber").text(newval); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="range" min="0" max="100" 
 
name="discount_credits1" id="discount_credits" 
 
/> 
 
<span id="slidernumber">50</span>