I've created website based on resume template. See: https://am-soft.pl/
On computers with Full HD resolution page is very laggy when scrolling. Please help.
I didn't modified functions.js file or any other scripts. Only HTML.
Laggy scroll on resume template based page
9 replies · opened Dec 5, 2017
Hello,
We Really Apologize about the Inconveniences caused! Can you please let us know the OS and Browser you are using so that we can investigate further. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Google Chrome on Windows 10.
On iPhone 5S there's a problem with intro background image which is not displaying.
And in Microsoft Edge browser the intro image is not blurred and some other things doesn't work too.
Hello,
Thanks for your Patience! We are still investigating this issue and will get back to you soon.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Up
Hello,
Thanks for your Patience!
- The issue appears to be with the Blur while scrolling which causes some browsers to scroll slow. We are working on this but meanwhile, consider deleting the ssc_init() Function Block in the js/plugins.js File to fix the issue with the Laggy Scroll. Also add the following CSS Code:
.blurred-img {
-webkit-transform: translate3d(0,0,0);
will-change: filter;
-webkit-backface-visibility: hidden;
}as this should smoothen the scroll lag.
We are still working on possible solutions on this, so please stay tuned. Thanks for your patience.
Microsoft Edge has a bug with some CSS3 Components which should be fixed when you update your browser to the Latest Version. Verified here: https://stackoverflow.com/questions/35727233/filter-blur-not-working-on-ms-edge .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Now, the blurred image shakes on scroll. Tested on 1440x900 laptop resolution.
Hello,
Apologies about the Inconveniences caused! We are still working on a Solution for this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
We have rewritten the codes and worked on a Solution for you which improves the performance considerably. Please consider trying these files:
HTML: https://www.dropbox.com/s/gp1e9wbnalakz16/demo-resume.html?dl=1 - Copy and overwrite this file with the demo-resume.html File in the Package/HTML Folder.
CSS: https://www.dropbox.com/s/7o4pb715bxpoji4/resume.css?dl=1 - Copy and overwrite this file with the resume.css File in the Package/HTML/demos/resume Folder.
This will definitely work fine. Hope this Helps!
We are still working on the Mobile Issue at the moment and will provide you with a solution shortly.
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard