Canvas Support

Issue with data-scrollto

2 replies · opened Nov 9, 2019

PpaulerskineNov 9, 2019

Hi

I have a strange issue with data-scrollto.

Basically it does not work on initial navigation to any of these pages:

http://canadashorts.com/2018.php
http://canadashorts.com/2017.php
http://canadashorts.com/2016.php

I use data-scrollto so I can directly scroll to:

Grand Prize
Best Of
Finalists
Excellence
Distinction
Commendation
Merit
Honorable Mentions

But data-scrollto starts working if I go to any of the above pages and:
a, hit 'Reload This Page' and data-scrollto starts working
... OR ...
b, navigate to a different page (on the site) and then come back to say 2018.php during the same browser session

It resets when I close the browser. E.g. if I go to 2018.php, then hit 'Reload This Page' it will work but if I close the browser then open it on 2018.php it will not work until I either hit 'Reload This Page' or navigate to a different page then back again.

The site was originally written using Canvas 2.1 but I recently upgraded it to Canvas 5.9.

Thanks for your help.

SSemicolon WebSTAFFNov 12, 2019

Hello,

This issue is because you are using this functionality on the .portfolio-filter Element which then conflicts with the ScrollTo functionality. Simply add the .customjs Class to the .portfolio-filter Element and this should work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PpaulerskineNov 15, 2019

Your fix worked. Thank you!

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