# Technical documentation page scroll bar

**URL:** <https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573>\
**Category:** General\
**Created:** [April 15, 2020, 12:57pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573 "2020-04-15T12:57:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Asta](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/asta/32/126719_2.png) [@Asta](https://forum.freecodecamp.org/u/Asta)\
**Post date:** [April 15, 2020, 12:57pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573/1 "2020-04-15T12:57:44Z")

</div>

I need some help to make scroll bar on the left flex side like in this example  
[[https://codepen.io/freeCodeCamp/full/NdrKKL](https://codepen.io/freeCodeCamp/full/NdrKKL) ]  
my project  
[https://codepen.io/asta84/pen/oNjgByZ](https://codepen.io/asta84/pen/oNjgByZ)  
any advices how to make it? (scroll bar on right side of navigation and also fixed one)

---

<div class="post-metadata">

**Author:** ![yigit](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/yigit/32/141863_2.png) [@yigit](https://forum.freecodecamp.org/u/yigit)\
**Post date:** [April 15, 2020, 2:12pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573/2 "2020-04-15T14:12:16Z")

</div>

Hey @Asta, welcome to forum.

if you set your `.left-side>height` to `100vh`, make the `position:fixed` and make `.right-side margin-left:25%;` it will do the work i guess.

I know this is not the best solution, but it will take you to the result quickly. 🙂

---

<div class="post-metadata">

**Author:** ![Asta358](https://avatars.discourse-cdn.com/v4/letter/a/858c86/32.png) [@Asta358](https://forum.freecodecamp.org/u/Asta358)\
**Post date:** [April 15, 2020, 2:19pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573/3 "2020-04-15T14:19:45Z")

</div>

Thank you so much 💚

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:58pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-scroll-bar/373573/4 "2021-06-01T18:58:37Z")

</div>

Closed on June 1, 2021, 6:58pm UTC