|
function stickSharebar () { |
|
if ($W.scrollTop() < parseInt($offset)) { |
|
$el.addClass('in-article') |
|
$menuBtn.css('bottom', '20px') |
|
} else { |
|
$el.removeClass('in-article') |
|
$menuBtn.css('bottom', '60px') |
|
} |
|
|
|
if (($W.scrollTop() > parseInt($offset + 1)) && (window.matchMedia('(min-width: 620px)').matches)) { |
|
$el.addClass('atop-article') |
|
} else { |
|
$el.removeClass('atop-article') |
|
} |
|
|
|
if (($W.scrollTop() > parseInt($offset + 1)) && (window.matchMedia('(min-width: 1200px)').matches)) { |
|
$prime.addClass('container') |
|
} else { |
|
$prime.removeClass('container') |
|
} |
|
} |
|
/** |
|
* The sharebar is onscreen only when the $scrollTarget is within the viewport |
|
*/ |
|
function sharebarOnScroll () { |
|
if ($W.scrollTop() < $scrollTarget.offset().top || |
|
$W.scrollTop() > $scrollTarget.offset().top + $scrollTarget.outerHeight()) { |
|
$el.addClass('in-article') |
|
} else { $el.removeClass('in-article') } |
|
} |
|
/** |
|
* Called when the window is resized |
|
*/ |
|
function sharebarOnResize () { |
|
// use a CSS prop as breakpoint detection |
|
if ($list.css('position') === 'fixed') { |
|
$list.attr('aria-hidden', $list.attr('aria-hidden') || 'true') |
|
} else { |
|
$list.removeAttr('aria-hidden') |
|
} |
|
|
|
sharebarOnScroll() |
|
onToggleShareBar() |
|
} |
|
|
|
function onToggleShareBar () { |
|
// Prevent the page content from scrolling when the sharebar is expanded |
|
if ($list.attr('aria-hidden') === 'false') { |
|
$B.css('top', -$W.scrollTop()).addClass('overlay sharebar--noscroll') |
|
} else if ($B.hasClass('sharebar--noscroll')) { |
|
const scrollTop = Math.abs(parseInt($B.css('top'))) |
|
$B.removeClass('overlay sharebar--noscroll') |
|
!isNaN(scrollTop) && $B.css('top', '').scrollTop(scrollTop) |
|
} |
|
} |
