A
A
Alexander2019-07-24 10:57:28
css
Alexander, 2019-07-24 10:57:28

How to get rid of the bar at the bottom of a web page in chrome?

A very strange bug began to appear on my project. Sometimes when I open my project, I see a white bar at the bottom of the page. And the whole site fills all the remaining space (in the css code, only vh is used and it is immediately clear from the elements with them that 100vh when this strip is visible is not equal to the real height of the entire window, but to the remaining one without a strip). If at this moment to look at window.innerHeight, it will give 937 (I have a 24 inch fhd monitor, 100% scaling, the window is full screen). Then I minimize the window not to full screen and back and the bug disappears. After that window.innerheight outputs 969 as it should. To understand when under what conditions the bug appears, I have not yet understood. Sometimes it is sometimes not, but most often I catch it after restarting the computer.
I also noticed that on a new chrome tab, window.innerheight is 937, as in a bug, but there it happens due to the display of the bookmarks bar, this is probably due, since the white bar suspiciously has exactly the same thickness as the bookmarks bar.
I also want to note that I have no content on the project above the screen height. Hanging on the html tag: overflow: hidden; width: 100% height: 100%; Everything that goes off the screen has position: fixed.

Answer the question

In order to leave comments, you need to log in

3 answer(s)
J
Jupiter Max, 2019-07-24
@vardoLP

A link would be given to the site. It would be much easier to help you!

R
rPman, 2019-07-24
@rPman

Check that you really have google chrome and not the left ones with ads, check the work without plugins, maybe one of them messes up

X
xmoonlight, 2019-07-24
@xmoonlight

The problem with rounding during rendering, as I understand it.
I notice the same behavior.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question