Basic example

syncHeightResponsive is a jQuery plugin that synchronises the height of HTML elements based on the offset top value (offset().top).

Example (without syncHeightResponsive):

Column 1

Lorem ipsum dolor sit amet.

Column 2

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Column 3

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Column 4

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Example (same HTML with syncHeightResponsive):

Column 1

Lorem ipsum dolor sit amet.

Column 2

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Column 3

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Column 4

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

syncHeightResponsive also works when elements are dynamically added to the DOM