Large white space below footer on page with "Learn More" tabs

  • Resolved Jane

    (@jstepak)


    8 years, 1 month ago

    If we have the “Enable Scrollbar Fix” set to “Yes”, there is a page on our site (http://www.thecollaborative-demo.com/about-pace/employment-and-volunteering/) that ends up having many screenfuls of white space below the footer. I believe this is related to the collapsed “Learn More” tabs for the 5 open positions that appears in the left column on this page. Seems like the page height may be calculated as if all the tabs are open.

    If we set the “Enable Scrollbar Fix” to “No” this issue doesn’t occur. (no white space below the footer.) But then we have the issue where we can press right arrow and the page will scroll off to the left. (when we don’t want it to.)

    Maybe there’s a way to query the page/document height that takes into account which “Learn More” elements are open and which are closed and calculates the actual height vs. the potential full height?

    https://wordpress.org/plugins/wp-flybox/

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

    (@cconoly)

    8 years, 1 month ago

    OK so it’s obvious my first solution does not seem to work, so I went back and started over with this. Now there is just a single option to “Fix Scrollbars”. When set to Yes it will create a canvas that hides the fly-box that is outside of it or outside of the page. This is the only way to remove the scrollbars. Earlier our problem was the height of this canvas. Now once the page loads, it will find the position of the last flybox, get its height and create a canvas that goes to the bottom of the last flybox (in your case just 1). This should fix the issue of the canvas being too tall or too short on different pages. Now it is exactly the size it should be depending on the flybox. Try 6.22 and I hope this solves this mess!

    Thread Starter Jane

    (@jstepak)

    8 years, 1 month ago

    Your latest fix works like a charm! Tried on Firefox, Internet Explorer, and Google Chrome. Also checked the iPhone 6s. No more white space below the footer. Thanks for your diligence in fixing this!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Large white space below footer on page with "Learn More" tabs’ is closed to new replies.