Why are there two scroll bars on my website?

Why are there two scroll bars on my website?

2 Answers. You’re basically getting a double scrollbar because your giving the body min-height of 100vh AND setting an overflow. It appears this was done to keep the menu in the correct position on mobile devices.

Are there two scroll bars?

Remember that there are two types of scrollbars. The other type is the horizontal or vertical scrollbar (or both) attached to a window by virtue of having the WS_HSCROLL and/or WS_VSCROLL style. These are nonclient scrollbars and are not controls. They are just decorations added to some other window.

How do I enable scrollbar in Chrome?

Open a Chrome window. In the address bar, enter “chrome://flags,” and navigate to that page. Scroll down to Overlay Scrollbars, and set the field to “Disabled.” Restart your browser window, and your scrollbars should work again in PicMonkey.

What is the use of scroll bar?

A vertical or horizontal bar commonly on the far right or bottom of a window that allows you to move the window viewing area up, down, left, or right. Most people today are familiar with scroll bars because of the need to scroll up and down on almost every Internet web page.

How are the scroll bars drawn in IE?

While in IE the scroll-bars are drawn inside the containers and their width/height is what’s causing the container to overflow and display a second scroll-bar.

Why are two vertical scrollbars showing on my website?

Why are two vertical scrollbars showing? At first, it does hide the scrollbar and just shows a scrollbar for the overlay (absolutely positioned div (#wrapper)) but when I click on the link (#site) to show the scrollbar again (and remove the overlay), it now shows two scrollbars: one is working, the other is disabled. What has gone wrong?

How to get rid of two vertical scrollbars?

If it is, use overflow:auto instead of scroll This will effectively only show scrollbar when needed (if horizontal content is wider than width or vertical content is taller than height) Use overflow-x and overflow-y to manage horisontal and vertical scrollbars. Just set overflow-x: none; to stop showing horisontal bar.

How can I get the scroll bar to go to a specific location?

You can click on the track to get the scroll bar to a specific portion of the window or click on the bar and drag the bar to a specific location. Below is a screenshot of a scroll bar to help you understand more.