You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I just noticed that there was the scrollbar displayed in Chrome, when using js-breakpoints together with a CSS declaration of height: 100% on the body element.
This is because on body:after, there is a 16px high element, which gets added to a body already filling the whole viewport.
The reason for declaring height: 100% on the body is to have a footer which is at the bottom of the page even when the page content is less than the viewport height.
Any suggestion on how to get rid of the extra 16px in such a situation?
The text was updated successfully, but these errors were encountered:
Hi,
I just noticed that there was the scrollbar displayed in Chrome, when using js-breakpoints together with a CSS declaration of
height: 100%
on thebody
element.This is because on
body:after
, there is a 16px high element, which gets added to a body already filling the whole viewport.The reason for declaring
height: 100%
on the body is to have a footer which is at the bottom of the page even when the page content is less than the viewport height.Any suggestion on how to get rid of the extra 16px in such a situation?
The text was updated successfully, but these errors were encountered: