-
AuthorPosts
-
July 19, 2014 at 12:50 pm #293329
Hey guys,
I came across a parallax issue. I’ve been unable to fix it but I did manage to find the root of the issue. It seems that when a parallax block is placed under a color section containing a media image block, the height of the parallax block decreases when scrolling the page. It doesn’t matter where the parallax block is placed under the image block… even when other blocks are between the image & parallax block the issue occurs.
To show you what I mean, I’ve cloned the parallax block several times and placed it below and above the image / Win A Tablet section. When you scroll my site in Firefox, you should notice that the top border of the parallax starts to move as soon as the header menu gets near it. Only the parallax above the image block maintains a fixed height during page scroll.
BTW, I’ve disabled the custom CSS file, so all CSS is default.
Do you know how to fix this?
Thanks in advance.
Kind regards,
Ralph
PS: To make things even stranger… when you want to reproduce the issue in FF, you should first visit the website and then hit CTRL+F5… only then will the issue occur. When you visit the site the 1st time without reloading it, the issue doesn’t occur for some reason.
PPS: When you manage to reproduce the issue: I also found out that when you perform a Inspect Element in FF, the parallax block’s height becomes fixed / the height issue is fixed.
- This topic was modified 10 years, 5 months ago by Ralph12.
July 19, 2014 at 9:55 pm #293464Hey Ralph12!
What section is the error supposed to be happening in? Is this only in Firefox and if so what version and on what OS is it?
I’m not getting any issue on the page linked in the private data on my end.
Cheers!
DevinJuly 20, 2014 at 10:21 am #293587This reply has been marked as private.July 21, 2014 at 9:51 am #293759Hey guys,
Do you have any news on the parallax issue? :)
I did find out that the theme demo does suffer from the same issue. If you click the link in Firefox, load the page & hit CTRL+F5, the middle parallax image with the tomato is being pushed too far downwards, which exposes the black background color near the top of the parallax container div.
Here’s the link: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
It seems that as soon as a parallax is placed under image media containers, the parallax image position is calculated incorrectly (too far downwards) after CTRL+F5.
Thanks in advance.
Kind regards,
Ralph
July 21, 2014 at 6:34 pm #293956This reply has been marked as private.July 22, 2014 at 9:10 am #294229Anyone?? …after 48+ hours of no reply. Not expecting a solution, but it’s the not knowing whether somone is actually looking into the issue.
Hope to hear from you.
Thank you,
Ralph
July 22, 2014 at 2:21 pm #294344July 23, 2014 at 1:12 pm #294934Thank you for the update, Yigit!
Please note: I’ve been able to reproduce the issue on Win 7 & Win 8 as well. Not sure whether anyone from the team is using those though :)
Also, if you can’t reproduce the issue, please refer to the screenshots I’ve included. They show exactly what I mean.
Joining you in the wait for @ismael & @josue.
Kind regards,
Ralph
July 23, 2014 at 4:08 pm #294990Hi Ralph,
In the meantime, would you mind creating and posting temporary admin login? We may need it :)
Cheers!
YigitJuly 23, 2014 at 4:28 pm #295005Hi Yigit,
I’m really sorry, but would you mind if I didn’t? I’ve had a rather unpleasant experience in the past… let’s just say my hosting company has blocked several countries since then :D But may I ask what you were planning to check in the admin? Perhaps I can get you that info myself. As mentioned before, I’m really willing to help you guys out as much as I can :) So if you need screenshots or something, I’d be happy to supply you with whatever info you might need.
Also, please keep in mind that this Enfold demo page suffers from the same issue (maybe you can check the admin there?): http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
Please keep me posted.
Thanks,
Ralph
July 25, 2014 at 3:19 am #295767I’m experiencing the same issue. I have two very similarly built pages, one of which functions normally, and the other has this bug present. Can I provide you with any info/credentials to help, or would you like me to create a new ticket?
July 25, 2014 at 7:33 am #295799Hi!
Thank you the update and sorry for the delay.
I can’t reproduce the issue on my end. I checked using Chrome and Firefox Windows 8. Can’t seem to see the same issue after a few hard refresh on the browser.
Regards,
IsmaelJuly 25, 2014 at 9:34 am #295827Hey,
@learningherbs / Jan Bosman: Good to know for sure that it’s not me, causing the issue. Though the Enfold demo did already proof that as well.
@Ismael: On which site did you check? Since I noticed that a new row of animated numbers, below the animated image block, “fixes” the parallax on my own site. So if you want to reproduce it / see it in action, you either have to check my screenshots, Jan Bosman’s site or the demo page: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/ The parallax with the tomato and oil suffers from the issue, after hitting CTRL+F5… even in the latest FF31.0I’ve been able to reproduce it on 3 machines (Win Vista, Win 7 & Win 8 + Firefox) and I hope someone of the Kriesi team will be able to reproduce it as well. As I understand it’s quite difficult, to fix something using just some screenshots as references.
All I can think of, is that once a parallax row is located under 1 or more animated image blocks, the vertical location of the parallax background image is somehow miscalculated by Firefox… after hitting CTRL+F5. I’m guessing that code related to the animated image is to blame… not the parallax itself… a wild guess though. It’s as if animated image blocks have an invisble bottom margin, pushing down any parallax located below them.
Anyway, here are two things that help hide the issue:
- 1 – Placing enough content rows and/or animated numbers, between animated image blocks and parallaxes, “fixes” the issue;
- 2 – Giving a parallax block a background color, similar to the color of the parallax background image, masks the issue a bit;
Finally, let’s just hope no-one, using Firefox, hits CTRL+F5 on your website… luckily most people probably won’t :)
Kind regards,
Ralph
July 26, 2014 at 3:23 am #296159This reply has been marked as private.July 29, 2014 at 11:03 pm #297445To Kriesi support:
Ralph posted a few workarounds that helped him hide the issue.
Neither of those things work for me.
Just a heads up so you know that this hasn’t yet been resolved.
July 30, 2014 at 12:22 pm #297658Hey!
I’m sorry but we really can’t reproduce the issue on our installation and @Ralph12 is correct, there’s a very slim chance that a user will hit CTRL+F5 when viewing the website.
Best regards,
IsmaelJuly 30, 2014 at 2:11 pm #297719Hey,
@ the Kriesi Team: thanks anyway / again for your time and effort, guys!
@learningherbs / Jan Bosman: besides the fact that there’s a slim chance people actually hit CTRL+F5… if they do, they should also be using Firefox.Also, if you’re able to reproduce the issue here: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/ I just noticed that, once you’ve scrolled all the way down to the brand tiles and scroll up towards the parallax again… the tomato parallax is all of a sudden working correctly, without the need for a page reload. Strange! Figured I’d share this :) I’m starting to think that this could very well be a Firefox issue.
Thanks again,
Ralph
July 31, 2014 at 2:20 am #298040 -
AuthorPosts
- The topic ‘Strange parallax height issue on page scroll (possibly a bug)’ is closed to new replies.