Custom HTML,CSS Scrollbar

Question

Looking for scrollbar that has no inside body, only arrows should available to scroll content. Is it possible? In the snippet, the body has a scrollbar with up and down arrow, I don't want a mid area of scrollbar, just custom arrows that do the same thing(maybe it's called scroll thumb or something else don't know).

body {
height:700px;
overflow:scroll;

}

<body>Div with some content</body>

Hi! This is possible using a JS plugin, or writing the plugin yourself. CSS alone does not allow you to customize the scrollbar much. — Victoria Ruiz, Oct 26 '18 at 19:23
it will be okay with js too, kindly suggest plugin, thank you. — Gamers Agenda, Oct 26 '18 at 19:24
No rlemon, am not looking for the scroll for a specific div, I want a workable scroll through arrows only. — Gamers Agenda, Oct 26 '18 at 19:30
read the answers, just because the title isn't 100% a duplicate doesn't mean the answers are not applicable to styling a scroll bar in the browser. — rlemon, Oct 26 '18 at 19:32

score 0 · Accepted Answer · answered Oct 26 '18 at 19:53

0

[here](https://codepen.io/webrexRavi/pen/XxOEZz)

icreated pen for it you can see it here

answered Oct 26 '18 at 19:53

raviramani

522
2
14

Can you keep the scrollbar buttons instead of scrollbar track? remove scrollbar track, please! – Gamers Agenda Oct 26 '18 at 19:55
edit as per your requirements – raviramani Oct 26 '18 at 19:55
change thumb border to none and background to transperant – raviramani Oct 26 '18 at 19:59
thank you for help. – Gamers Agenda Oct 26 '18 at 20:04
answers should contain the code itself, or solution itself, not a link to a third party site. – rlemon Oct 26 '18 at 20:04
you are welcome for help always – raviramani Oct 26 '18 at 20:05

Custom HTML,CSS Scrollbar

1 Answers1