Home/ Questions/Q 8593981
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T00:06:23+00:00

I am using the ScrollTo() jQuery plugin at the moment and it works fine

  • 0

I am using the ScrollTo() jQuery plugin at the moment and it works fine whenever I do not define a Doctype, however when I define a Doctype, the ScrollTo() plugin breaks.

I have posted my code on GitHub

I have looked through the internet for similar problems and I think some people have shared my problem but when looking at the solutions, they have not been clear to me.

I just need to get the plugin and doctype to work together, both must be present.
Please help,
Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Some Changes in your markup:

    1. Replace your jquery.scrollto.min.js file with this version

    2. Replace <ul class="threeNavLinks">...</ul> with following code (both occurrence)

      <ul class="threeNavLinks">
    <li class="secondaryNavIcon"><a class="navlink" href="area2">About</a></li>
    <li class="primaryNavIcon"><a class="navlink" href="area3">Portfolio</a></li>
    <li class="secondaryNavIcon"><a class="navlink" href="area4">Contact</a></li>
</ul>

    3. Add following script in <head>

      <script type="text/javascript">
    $(function(){
        $('.navlink').click(function(e) {
            var divId = '#' + $(this).attr("href");
            $.scrollTo(divId, 700);
            e.preventDefault();
        });
    });
</script>

    The above solution is tested locally and working fine.

    Hope this help you!

    • 0