Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE Edge #13

Open
dsc-ian opened this issue Mar 21, 2019 · 7 comments
Open

IE Edge #13

dsc-ian opened this issue Mar 21, 2019 · 7 comments

Comments

@dsc-ian
Copy link

dsc-ian commented Mar 21, 2019

Jittery on IE edge when scrolling

@jeroentja
Copy link

Also jittery on Edge when scrolling

@marrio-h
Copy link
Owner

Hi, thank you for notifying me!
I thought I'd ironed that issue out already, oh well..

I'll have a look at it when I get time.
Also, if anyone already got experience with Edge and this behaviour, please let me know :)

Thank you.

@alexeypensar
Copy link

I've fixed it using css for edge and ie, cause they don't work the same speed as chrome/firefox/opera with parallax.
ie - make bg-attachment to 'scroll'.
edge - make bg-attachment to 'fixed'.

// ie fix
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header {
background: scroll url('../img/bg-header.jpg') no-repeat center center;
}
}

// edge fix
@supports (-ms-ime-align:auto) {

.header {
background: fixed url('../img/bg-header.jpg') no-repeat center center;
}

@skidd89
Copy link

skidd89 commented Jun 10, 2019

Love the work so far marrio-h, i also just noticed jittery behaviour in IE and Edge, Do you think this is fixable? or should we try and use the CSS tweaks?

@marrio-h
Copy link
Owner

@alexeysreda nice thank you! I'll add the CSS when I get home and do a new publish.
@skidd89 Thank you :) I'll notify here later today when it's ready for an npm up.

Cheers guys! 🎉

@alexeypensar
Copy link

alexeypensar commented Jun 12, 2019

nice thank you! I'll add the CSS when I get home and do a new publish.
Hi! I recommend to check css-hacks from http://browserhacks.com/ before it. I use these 2 hacks, but they are may be not the best ways to solve the problem.

@marrio-h marrio-h mentioned this issue Aug 2, 2019
@djkrysr
Copy link

djkrysr commented Jun 5, 2020

Did you ever solve the problem with Microsoft Edge browsers, I found this code and thought it was brilliant, it works on desktop & mobile, smooth and easy to use ... then I tried Edge and it's unusable.
At the moment I have added
@supports (-ms-ime-align:auto){.parallax__container .parallax {transform-style: flat;transform: none;background-attachment:fixed;}}
to the CSS, which makes the background fixed in place on Edge browsers but still with a parallax(ish) effect, which is better than nothing however I wondered if you had solved it completely.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants