by MyMG Team · Published · Updated
', enableHover: false, enableTracking: true, buttons: { twitter: {via: ''}}, click: function(api, options){ api.simulateClick(); api.openPopup('twitter'); } }); // Scrollable sharrre bar, contributed by Erik Frye. Awesome! var $_shareContainer = $(".sharrre-container"), $_header = $('#header'), $_postEntry = $('.entry'), $window = $(window), startSharePosition = $_shareContainer.offset(),//object contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(), topOfTemplate = $_header.offset().top, topSpacing = _setTopSpacing(); //triggered on scroll shareScroll = function(){ var scrollTop = $window.scrollTop() + topOfTemplate, stopLocation = contentBottom - ($_shareContainer.outerHeight() + topSpacing); $_shareContainer.css({position : 'fixed'}); if( scrollTop > stopLocation ){ $_shareContainer.css( { position:'relative' } ); $_shareContainer.offset( { top: contentBottom - $_shareContainer.outerHeight(), left: startSharePosition.left, } ); } else if (scrollTop >= $_postEntry.offset().top - topSpacing){ $_shareContainer.css( { position:'fixed',top: '100px' } ); $_shareContainer.offset( { //top: scrollTop + topSpacing, left: startSharePosition.left, } ); } else if (scrollTop < startSharePosition.top + ( topSpacing - 1 ) ) { $_shareContainer.css( { position:'relative' } ); $_shareContainer.offset( { top: $_postEntry.offset().top, left:startSharePosition.left, } ); } }, //triggered on resize shareMove = function() { startSharePosition = $_shareContainer.offset(); contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(); topOfTemplate = $_header.offset().top; _setTopSpacing(); }; /* As new images load the page content body gets longer. The bottom of the content area needs to be adjusted in case images are still loading. */ setTimeout( function() { contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(); }, 2000); function _setTopSpacing(){ var distanceFromTop = 20; if( $window.width() > 1024 ) { topSpacing = distanceFromTop + $('.nav-wrap').outerHeight(); } else { topSpacing = distanceFromTop; } return topSpacing; } //setup event listeners $window.on('scroll', _.throttle( function() { if ( $window.width() > 719 ) { shareScroll(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); $window.on('resize', _.debounce( function() { if ( $window.width() > 719 ) { shareMove(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); });
MyMG Team
We are a small group of professionals specializing in project management. We wish you success in your career, business, studies, or whatever else you think is worth your time and effort—we are pleased to know that our advice is helpful.