Skip to main content
VL Branko
Inspiring
January 14, 2019
Answered

Scrolling problems. I can go down but not up )-:

  • January 14, 2019
  • 2 replies
  • 722 views

I have been working on publishing a rather large monograph/book length project. So far everything seems to be working well but on this page http://tinyurl.com/y9rt6h9x I have a pesky problem.

Expanding the accordion and clicking on any link works and we get to the desired position in the document. The problem is that after I arrive at my chosen destination if I try to scroll up I get stuck. On some links I may be able to scroll a few screens up but I am soon stopped.

I can only scroll down but not up. Even the Scroll To Top arrow doesn’t work.

Hitting the ← Back Button doesn’t work either.

It is only on this page that this happens not the others. What have I done wrong?

    This topic has been closed for replies.
    Correct answer ALsp

    I found the problem. I'll give you the summary here and tomorrow I will give you a detailed explanation via email.

    Your anchor links are going to headings. That's fine. The problem is that those headings are set to animate when scrolled to. When you are in the Accordion, the elements you are linking to are staged off-screen, ready to be animated. This is confusing the browser. I simply assigned a smooth scroll script to your anchor links, and that appears to do the trick.

    2 replies

    VL Branko
    VL BrankoAuthor
    Inspiring
    January 16, 2019

    Thank you.

    ALsp
    Legend
    January 14, 2019

    I answered your email, as well as your post on our forum. Let's take the issue there and see if we can solve it for you. I did create a clean test page, using your content and behaviors, but with our default CSS and scripts. I also removed your third-party scripts. The issue seems to have disappeared:

    http://projectseven.com/testing/customers/branko-01-19/

    I'll spend some time reintroducing your other scripts to see if we can find the culprit.

    But let's pick this up on our system.

    ALsp
    ALspCorrect answer
    Legend
    January 14, 2019

    I found the problem. I'll give you the summary here and tomorrow I will give you a detailed explanation via email.

    Your anchor links are going to headings. That's fine. The problem is that those headings are set to animate when scrolled to. When you are in the Accordion, the elements you are linking to are staged off-screen, ready to be animated. This is confusing the browser. I simply assigned a smooth scroll script to your anchor links, and that appears to do the trick.