Vertical scroll bar html. If it exceeds that height, it will show a vertical scrollbar to view the rest of the content, but will not show a scrollbar if it does not exceed the height. CSS allows us to make a <div> vertically scrollable. It can be easily done by using the overflow property. Add overflow: scroll; to show both the horizontal and vertical scrollbar: To only show the vertical scrollbar, or only the horizontal scrollbar, use overflow-y or overflow-x: Tip: To learn more about the overflow property, go to our CSS Overflow Tutorial or CSS overflow Property Reference. Jul 11, 2025 · Making a div vertically scrollable using CSS is a simple and effective way to manage content that exceeds a container's height. And feel free to modify the code as you wish. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. By setting a fixed height and using the overflow-y property, you can easily implement vertical scrolling. The overflow property has different values. Feb 7, 2024 · Apart from the default scrollbar, you can also set a custom vertical scrollbar within your website. A vertical scrollbar can help the users of your website view content that extends beyond the visible area of a container. Feel free to copy and paste the following vertical scrollbar code into your own website, blog, MySpace page, or other HTML document. . Learn how to always show scrollbars with CSS. For the vertical bar,it will allow the content to expand up to the height you have specified. ewpxm cwns ecanw dgcu culbes hbzglf nxzx ybj qdab zdjuet