Issue if sticky element is too long for page

  • Resolved Katie

    (@abridgeeducamp)


    1 year, 8 months ago

    This is something a few other people have mentioned before but I think might be being misunderstood by the plugin developers (e.g. https://www.ads-software.com/support/topic/does-not-show-all-content/)

    As several other users have mentioned they are doing too, we are using this plugin primarily to make sidebar menus sticky following last year’s WordPress update forcing sidebars to use the Gutenberg editor. The issue arrises when the sidebar content is longer than the page (in our case: if the menu in the sidebar is expanded) – the sidebar content is “stuck” to the top of the page, so it is not possible to scroll down to see the full content.

    Could I please suggest an update where the content within the sticky element is scrollable if it is too long to fit on the screen, but then stops scrolling when you hit the bottom of the sticky content?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Senff

    (@senff)

    Hey @abridgeeducamp

    This is a bit of a sticky tricky situation! I sort of think that it’s more of a design issue than a technical issue (basically — if a block has content that’s taller than the screen, maybe it shouldn’t be sticky to begin with), but I can see situations where it would be handy to make it sticky and scrollable.

    I’ll check if this is something I can implement in a future version. In the meantime, you could add the following CSS code to your site that may be helpful:

    .block-is-sticky {
    max-height: 100vh;
    overflow-y: auto;
}

    (You may need to change the value of the height, depending on how far from the top the block becomes sticky.)

    With this, the contents of the sticky block will get a scrollbar but only when it’s sticky, and only if the contents are taller than the screen height.

    Since I don’t have access to your site, I can’t say for sure that this will help in your situation, but hopefully this gets you on your way.

    Let me know if this is helpful!

    Thread Starter Katie

    (@abridgeeducamp)

    Thank you so much! That fixed it perfectly – now the sidebar menu is scrollable if it’s too long for the page ?? Really appreciate your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issue if sticky element is too long for page’ is closed to new replies.