Why do artifacts appear in the mobile version?

Question

css

Good afternoon, I made a design on the bootstrap. I can’t understand why artifacts appear in the mobile version when the menu appears at the very bottom of the page.
If you make a fixed height and overflow then the menu scroll disappears.

Answer 1

Read here .

html {
    position: fixed;
    /*min-height: 100%;*/

    direction: ltr;
    height: auto;
}

Change relativetofixed