-
2Replies
-
Foundation 6 Equalizer with AJAX / Google Custom Search
By John French
I've got equalizer running to keep my sidenav and main content area the same height. It works great, except when content dynamically changes the height of the row, without the window actually resizing. I see this in a few instances: - When I am using... (continued)
Last Reply by John French almost 4 years ago
-
4Replies
-
Foundation 6 Off-Canvas JS Help
By John French
With Foundation 5, I had some working jQuery that would prevent the body from scrolling when the off canvas was activated, but allow the off-canvas menu to scroll. My old code is no longer working with Foundation 6. And, while the new docs for sites are... (continued)
Last Reply by John French almost 4 years ago
-
3Replies
-
Off Canvas Close Animation When Link is Clicked
By John French
Hello, so I am designing an off canvas nav for my medium and small screen sizes. On large, I am using the side-nav. On medium down, I hide the side nav and show the toggle button for the off canvas nav. I want the exit-off-canvas animation to be tr... (continued)
Last Reply by Rafi Benkual about 4 years ago
Rafi -
I didn't want to use 100vh, because that would push the footer down "below the fold" even if there was not much content in the main container div and result in a bunch of unnecessary white space.
But, to your point - we've ended up not using equalizer... not because it wasn't an effective solution for determining the height of more static page elements, but because we have dynamic content changing one of the divs the equalizer is watching. What would happen is that the equalizer would calculate the height it needed to be, based on whatever div was greater, but after that occurred, dynamic content was added to the DOM that would overlap the footer because the equalizer wan't accounting for it.
Strangely, if you resize the page, even a little bit, equalizer would recalculate the height and adjust to the new content.
As I am typing this, it is very difficult to explain, but I am confident that if you and I were sitting in the same room, it would be very clear. All that to say, we'll just use a css solution to be sure the sidenav always extends to the footer. Sorry for the confusion, it was a weird problem. Nothing wrong with equalizer, nothing wrong with our layout, just the order in which the javascript was loading content was causing conflicts.