css - スクロールバーを矢印でカスタマイズする (矢印ボタンではない)

Question

ブラウザのカスタム スクロールバーについて質問があります。スクロールバーのつまみの始点と終点に矢印を作成する必要があります。これを試し::-webkit-scrollbar-thumb:startて::-webkit-scrollbar-thumb:endカスタム スタイルを作成しても、スクロールバー自体には影響しません。少なくとも Webkit ブラウザーで動作する必要があり、クロスブラウザーのサポートが理想的です。

これが簡単なアイデアです。矢印は親指の両端にある必要があります...希望、あなたが私を助けてくれることを願っています。

https://www.dropbox.com/s/q3rg98iwhjshr4z/scroll.png

::-webkit-scrollbar {
  width: 15px; }

::-webkit-scrollbar-track {
  background-color: #eee;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa;
} 

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
::-webkit-scrollbar-corner {
  background-color: black;
} 

つまみの始点と終点をカスタマイズするにはどうすればよいですか?