Only scroll 3 elements

  • Resolved umsiproject

    (@umsiproject)


    6 years, 6 months ago

    Hello there,
    I installed your plugin for my portfolio website, but I have a problem.
    With buttons I can scroll every element of my portfolio, but when I scroll with mouse wheel it only scrolls the first three elements. I can’t understand why.

    Thank for your support and for your great plugin.

    • This topic was modified 6 years, 6 months ago by umsiproject.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author malihu

    (@malihu)

    Hi,

    I can’t check your site, as I get a blank black page.
    Have you added this custom script in your theme?

    Let me know so I can check what happens and help.

    Thread Starter umsiproject

    (@umsiproject)

    Yeah sorry i’ve had some problem and I had to reinstall everything. When everything will be again ok I will let you know. Thank you very much.

    Thread Starter umsiproject

    (@umsiproject)

    Hello there, I restored the website.

    Yes I followed your guide ad created the script that is located here:
    https://umsiproject.com/wp-content/themes/calafate-child/js/scroll-to-id.js

    I really can’t understand what is wrong, thanks for your support!

    Plugin Author malihu

    (@malihu)

    Hello again,

    In order for the custom script to work correctly, you must have an actual menu with your section links somewhere in the page.

    If you don’t want to show such menu in your design, you can just hide it with CSS.

    For example, edit your theme/child-theme footer.php and add the following HTML before the wp_footer(); function: 

    <div id="ps2id-hidden-menu" style="display:none;">
  <a rel="m_PageScroll2id" href="#work-0">0</a>
  <a rel="m_PageScroll2id" href="#work-1">1</a>
  <a rel="m_PageScroll2id" href="#work-2">2</a>
  <a rel="m_PageScroll2id" href="#work-3">3</a>
  <a rel="m_PageScroll2id" href="#work-4">4</a>
  <a rel="m_PageScroll2id" href="#work-5">5</a>
  <a rel="m_PageScroll2id" href="#work-6">6</a>
</div>

    Next, go to “Page scroll to id” settings and set “Highlight selector(s)” option value to:

    #ps2id-hidden-menu a

    Save changes and test you page.

    Let me know ??

    Thread Starter umsiproject

    (@umsiproject)

    It works!

    I didn’t understood that it needed a menu,
    anyway thanks a lot! ??

    Plugin Author malihu

    (@malihu)

    You’re welcome ??
    Thanks for the review!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Only scroll 3 elements’ is closed to new replies.

Tags