Let’s use Foundation’s Equalizer manually in JS
In the Foundation-based website I've been building for a whole year now for an awesome visual novel game (made by other people), I use the Equalizer plug-in to ensure that the sidebar and the main content area are the same height. When the user clicks an expanding panel within the main content area, the content section is pushed too low, hanging over the footer. I fudged my way through this problem in Foundation 5, but now that I've updated to Foundation 6 the functionality of the plug-in available using its JavaScript methods should offer a better solution. I'm having trouble keeping track of how the data regarding the heights of the elements that Equalizer resizes are recorded and overwritten by the getHeights() method. I posted in Zurb's forum with my code sample. If someone gives me a solution or if I stumble on one myself, this one particular application of the very useful web design and development tool will be more clearly documented.













