# Help displaying the scrollbar

**URL:** <https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907>\
**Category:** General\
**Created:** [March 4, 2018, 7:21pm UTC](https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907 "2018-03-04T19:21:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jazd-1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jazd-1/32/84157_2.png) [@jazd-1](https://forum.freecodecamp.org/u/jazd-1)\
**Post date:** [March 4, 2018, 7:21pm UTC](https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907/1 "2018-03-04T19:21:13Z")

</div>

> **[Jazmine Mayberry](https://codepen.io/jZ-91/pen/yvrGNL)**
>
> ...

I can’t get the scrollbar to show up with overflow-y:scroll please help, thanks.

P.S. click on my name takes you to the actual project.

---

<div class="post-metadata">

**Author:** ![PortableStick](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/portablestick/32/65591_2.png) [@PortableStick](https://forum.freecodecamp.org/u/PortableStick)\
**Post date:** [March 4, 2018, 7:30pm UTC](https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907/2 "2018-03-04T19:30:14Z")

</div>

I edited your post title to better reflect what you’re asking. We can change it to be more clear if you think I got it wrong, but please don’t change it back to your name as that’s not helpful to anyone reading the forum.

The `overflow` property will only take effect once the content in your element exceeds the browser window’s dimensions. So to see the scrollbar you’ll need two things:

1. Lots of content in your `body`
2. A width that is set to be greater than the window’s

I generated a bunch of [lorem ipsum](https://www.lipsum.com) and stuck that right above your `<div>`. Then I added a CSS rule to make your body’s width huuuuuuge.

```auto
body {
    width: 200vw;
    /* ... the rest */
}

```

---

<div class="post-metadata">

**Author:** ![jazd-1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jazd-1/32/84157_2.png) [@jazd-1](https://forum.freecodecamp.org/u/jazd-1)\
**Post date:** [March 4, 2018, 9:55pm UTC](https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907/3 "2018-03-04T21:55:21Z")

</div>

Thanks, it worked. The only issue I see now is in full page view for some reason all the lorem ipsum text isn’t visible, but in editor view I can see it.

---

<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:** [January 17, 2021, 8:25pm UTC](https://forum.freecodecamp.org/t/help-displaying-the-scrollbar/177907/4 "2021-01-17T20:25:12Z")

</div>

Closed on January 17, 2021, 8:25pm UTC