Links not visible on scroll

  • Resolved remow7

    (@remow7)


    3 years, 6 months ago

    I use this plugin to make a content like menu, to mimic a sidebar on some pages. The content stays with you on the left as you scroll the page, if you need to go to another title on the page you just click it on the left and it directs you to that ID div on the page.

    To achieve this i put this menu in the first column on the left to be sticky with this plugin. And for this to work all the content down to the footer are positioned on the right, with a placeholder on the left exactly the same as the first column with the sticky menu. Visually it works perfectly but when the sticky menu goes above the placeholders the a href links in the menu are not clickable anymore.

    Is there a way to make your sticky element be fully functional above another element? Z-index is at 99999 and it made no difference, its placed above the placeholders but you cant interact with it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WebFactory

    (@webfactory)

    If configuring z-index doesn’t work then the only way is to change the page markup so that the sticky element is only one step above the root element in the document.
    When you change the z-index make sure the page is not cached so that you actually see the changes.

    Thread Starter remow7

    (@remow7)

    there are multiple placeholder below the sticky element. It has to go past all of them and still be clickable. Can you explain the markup method?

    Plugin Author WebFactory

    (@webfactory)

    I don’t have a recipe on how to do it. It’s a trial and error thing. Simply move the sticky element outside the existing containers and try it out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Links not visible on scroll’ is closed to new replies.