Skip to content

Instantly share code, notes, and snippets.

@sanex3339
Created November 28, 2016 14:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sanex3339/7917c094a0175787dba1152ae5db3738 to your computer and use it in GitHub Desktop.
Save sanex3339/7917c094a0175787dba1152ae5db3738 to your computer and use it in GitHub Desktop.
function setTimelinePointsPosition () {
$('.timeline-item:odd').each((id, element) => {
var $element = $(element);
var $prevOdd = $element.prev();
var $point = $element.find('.timeline-point');
var $arrow = $element.find('.timeline-arrow');
var $prevPoint = $prevOdd.find('.timeline-point');
var offsetDiff = $point.offset().top - $prevPoint.offset().top;
if (offsetDiff < 24) {
var additionalSpace = 6;
var pointMarginTop = parseInt($point.css('margin-top'));
var arrowTop = parseInt($arrow.css('top'));
$point.css({
'margin-top': (pointMarginTop + additionalSpace + (24 - offsetDiff)) + 'px'
});
$arrow.css({
'top': (arrowTop + additionalSpace + (24 - offsetDiff)) + 'px'
});
}
});
}
$(window).on('load resize orientationchange', () => {
setTimelinePointsPosition();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment