Streaming live at 10am (PST)

Fixed Image Background causing weird twitch on IE browser


#1

Hi,

I have a div block with the background image set to fixed.

The fixed position works smoothly with the chrome browser, but starts twitches when it comes to IE.

How can i fix this problem?

Thank you,


#2

Can you try adding this to your body code, publishing, and letting us know what happens?

<script>
if(navigator.userAgent.match(/Trident\/7\./)) {
  document.body.addEventListener("mousewheel", function() {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}
</script>

Here's a link regarding adding custom code for anyone who's interested:

https://help.webflow.com/article/how-to-add-custom-head-and-body-code-to-a-webflow-site

From your Site Settings, go to the Custom Code tab, add your code into the Body Code section, and click Save Changes.


#3

Hi @McGuire,

It fixed the problem perfectly!

Thank you so much ;D


#4