data-scrollto not always applying

5 replies · opened Jun 9, 2023

GgruenderinoJun 9, 2023

Hello,

I have used the data-scrollto for smooth scrolling, but it's not working everywhere.

Working snippet:

<div class="header-misc">
Kontaktieren
</div>

Not working example #1 (none of those apply smooth scrolling):
<nav class="primary-menu me-lg-auto">
<ul class="menu-container">
<li class="menu-item current">Home
<li class="menu-item">Leistungen
<li class="menu-item">Ablauf
<li class="menu-item">FAQ

</nav><!-- #primary-menu end -->

Not working example #2 (same ID that works above):

[
Nehmen Sie Kontakt mit uns auf

](#contact_form)

Any help is appreciated.

Kind Regards
Patrick

SSemicolon WebSTAFFJun 10, 2023

Hello,

Apologies for the Inconveniences caused!

Please provide us with a Live URL so that we can check out the exact issue and provide you with more accurate assistance on 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.

GgruenderinoJun 11, 2023

Hello,

live URL is http://fhs-rupprecht.de, most of the links will not work with data-scrollto but the contact button inside the top menu works as expected.

Thanks & Regards
Patrick

SSemicolon WebSTAFFJun 12, 2023

Hello,

Thanks for taking out time for reporting this. Upon checking your codes, we are assuming that the data-scrollto="#" is causing the issue, as it is a Blank # which is throwing an error and then having a chain effect on other data-scrollto Elements. Consider replacing data-scrollto="#" with data-scrollto="#slider" and this should fix the issue.

Hope this Helps!

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

GgruenderinoJun 16, 2023

Amazing, this fixed all issues. Thank you!

SSemicolon WebSTAFFJun 16, 2023

Super glad the issues were resolved.

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

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