Why do I have 2 scroll bars?

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.

How do I get rid of the double scroll bar?

Double scrollbar appears on the website then browsers are handling this weirdly, causing double scrollbars. So you should either turn off the Overflow-X option, or find the height CSS code and remove it.

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 you make a two scroll bar in HTML?

Suppose we want to add a scroll bar option in HTML, use an “overflow” option and set it as auto-enabled for adding both horizontal and vertical scroll bars. If we want to add a vertical bar option in Html, add the line “overflow-y” in the files.

What are the types of scrollbars?

There are two types of scroll bars: vertical and horizontal.

How do I get rid of the extra scrollbar in HTML?

Add overflow: hidden; to hide both the horizontal and vertical scrollbar.

body { overflow: hidden; /* Hide scrollbars */ }
body { overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
/* Hide scrollbar for Chrome, Safari and Opera */ .example::-webkit-scrollbar {

How do I get rid of extra scroll?

How many scrollbars are there?

Answer: Only one scrollbar is there.

How many scrollbars are there in Windows?

There is often only one scroll bar in a window, which is the vertical scroll bar that allows you to scroll up and down in a window.

How many scrollbars are there in Word?

Why does my website have a double scroll bar?

2 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. I was able to fix the issue by forcing an overflow:

How to get rid of the double scroll bar when using an iframe?

For anyone who still having this double scrollbar issue, all you have to do is to wrap the iframe with an element with overflow: hidden, then add a 100% height to the html, body, iframe, and the wrapper. Your answer was flagged by the automatic low quality filter.

Is there a way to not scroll the edit form?

An Edit form has its own scrolling so you do not need to put it inside the scrollable screen, just a regular one. If you still want to do this, make the height of the Edit form large enough so that you do not require scrolling in the form. That way you will scroll the screen, and that will be the only scrollbar that appears.

Why do I have 2 scroll bars?