Html Question posted in
Some basic documentation can be found here.

Html – Browser interface hiding fixed background

So basically the fixed bg was causing some issues on mainly Safari, it was snapping and getting partially hidden by the browser ui – i fixed the snapping but the image is still gettin patrially hidden as you can see on the video i provided down below

Anybody knows how to fix this? I tried setting the height with JS using window.innerHeight, that fixed the image snapping but did not fix the bg getting hidden

This is the short video of the problem, look at the bottom of the image

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    transform: translate3d(0,0,0); on the fixed element did the job


  2. 0

    So I think you are having bottom section for you application where the problem occurs

    Give a fixed size for your bottom section and make it fixed at the bottom then reduce the z-index for the bottom section and increase the z-index for the scroll content.

    Try to modify these things , I hope it will solve your problem.

    If not , provide a little bit details about your code or increase the quality of the video you provided.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search