I applied to the sidebar the 'sticky' class, but now while the page loads(for about few seconds) the sidebar appears at the bottom of the page. After the page finishes loading it 'jumps' to the top to the place it should be.
Is there a way to make the sidebar appear from the begging at the top?
Thanks in advance.
Attached a screenshot of the first few seconds when I load the page (with the sidebar at the bottom).
Hello,
I applied to the sidebar the 'sticky' class, but now while the page loads(for about few seconds) the sidebar appears at the bottom of the page. After the page finishes loading it 'jumps' to the top to the place it should be.
Is there a way to make the sidebar appear from the begging at the top?
Thanks in advance.
Attached a screenshot of the first few seconds when I load the page (with the sidebar at the bottom).
Hi,
Sure, just add this CSS:
.page-body { -webkit-perspective: none; -moz-perspective: none; perspective: none; }It should work for you.
Thanks for the reply.
I just tried it, and it still doesn't work.
Also (for the record) the CSS you suggested is already applied on .page-body.loaded and its still not working.
The sidebar still renders weirdly from the bottom and after a few seconds it jumps up.
Any other suggestions?
Thanks,
Eitan.
Hi Eitan,
The CSS I gave you already exists, but class "loaded" only added when the page is loaded, thats why the sidebar jumps.
Please try to add !important to these properties because it worked for me.
.page-body { -webkit-perspective: none !important; -moz-perspective: none!important; perspective: none !important; }Or for test, add this in <head> within <style> tag.
Dear Arlind,
I added the !important statement in the <head> but the sidebar still jumps.
I tried to put those lines everywhere in my css files but still doesn't work.
Thanks.
Hi,
Is it possible for me to see the page live, because I need to try few CSS codes there.