Web Page Scrollbar

HTML & CSS
1

How do I add a CSS scrollbar inside of a container? No jQuerys!

<ul><li>Traffic</li> 
<li>Free Backlinks</li> 
<li>Cheap Backlinks</li> 
<li>Alexa Rank</li> 
<li>Social Media</li> 
<li>Content Writing</li></ul>

Out with the old, in with the new.

2

Make the list display horizontally:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline;
}

Then set a width on the parent and set the white-space and overflow properties:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  white-space:nowrap;
  overflow: auto;
}

li {
  display: inline;
}

None.

What does this even mean? Are you a bot?

3 Likes
3

Out with the old design, in with the scrollbar.

Your answer is exactly what I was looking for.

“Gotta get that. Gotta get that that that.”

Thank you!

1 Like
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.