How can I hide or scrolling my fixed social sidebar when it reaches to the footer part?

I want to make my social sidebar in the left side scrolling or hide when it will reach to the footer part. So how can I do it please ? Thanks.

Answers


If you want to make the floating social bar on the left to hide when an element i.e. the footer, is visible within the viewport of the browser, you can compare the top offset of the element with the bottom position of the browser's viewport. For example,

$(document).ready(function(){

  $(document).scroll(function(){

    var footerSelector = '#wrapper-12';
    var socialBarSelector = '.pw-float-left';

    var bottomViewPort = $(window).scrollTop()+$(window).height();
    var footerTop = $(footerSelector ).offset().top;

    if( bottomViewPort>=footerTop){
      $(socialBarSelector).fadeOut();
    }else{
      $(socialBarSelector).fadeIn();
    }
  });

});

Need Your Help

.NET Custom Control (ToolStripControlHost) Wreaks Havoc on the Designer

c# .net winforms

I need to have a MaskedTextBox in a ToolStrip, which isn't included by default, so I followed some advice I found online, and created custom control that inherits from ToolStripControlHost. What I've

VBA - Do While Loop returns Dir <Invalid procedure call or argument>

vba excel-vba while-loop do-while excel

I am running a loop through a folder in order to get the complete filename address (folders address + file name and extension).