(please backup your files before attempting my suggestions)
(also, this solution only works if you dont want to use the ‘floating’ function of the floating social bar as it removes the floating part completely.)
I had this same problem.
I had to edit the code to get the results i wanted.
i opened the following file:
wp-content/plugins/floating-social-bar/js/fsb.js
then i deleted all of the following code:
// Declare variables.
var fsb_top = $('.fsb-social-bar').offset().top;
// Attach to the scroll event to determine when to load items.
$(window).scroll(function(){
var y = $(this).scrollTop(),
maxY = $('#respond, #disqus_thread, #livefyre, .fb-comments, #comment-form, .idc-new, #comment-respond, #comments, #comment, #footer, .site-footer'), // Attempt to target as many comment systems as possible.
nofo = false; // Flag if no div is found in the maxY var.
// If for some reason one of our divs does not exist or it's height is zero, use the parent div as a scroll helper and set the nofo var to true.
if ( $(maxY).eq(0).length === 0 || 0 === $(maxY).height() ) {
maxY = $('.fsb-social-bar').parent();
nofo = true;
}
// If we should not float or the height of the maxY var is equal to zero, don't do anything.
if ( $('.fsb-social-bar').hasClass('fsb-no-float') || 0 === $(maxY).height() )
return;
// Get the offset of our respond helper.
var offset = ( true === nofo ) ? fsb_top + $(maxY).height() + 50 : $(maxY).eq(0).offset().top;
// If we are below the bar but above comments, set a fixed position.
if ( y > fsb_top && y < offset )
$('.fsb-social-bar').addClass('fsb-fixed').css('width', $('.fsb-social-bar').parent().width()).fadeIn();
else if ( y >= offset )
$('.fsb-social-bar').removeClass('fsb-fixed').css('display', 'none');
else if ( y < fsb_top )
$('.fsb-social-bar').show().removeClass('fsb-fixed');
});
// Open up the social services in a popup window.