jQuery drop in Social Sharing Buttons at Bottom, если встроенные кнопки не отображаются на экране

Question

Я ищу событие, которое запускается, как только элемент (встроенные кнопки совместного доступа) прокручивается со страницы. Я хотел бы использовать это, чтобы вызвать переход из социальных кнопок обмена в нижней части страницы. Возможно, вы видели такое побочное поведение уже на buzzfeed.com на мобильных устройствах. Если кнопки совместного доступа вернутся, нижние кнопки совместного доступа снова исчезнут.

Я бы предпочел использовать CSS3, однако я думаю, что некоторые js (jQuery) могут быть необходимы.

Кто-нибудь знает библиотеку или некоторые строки кода, которые делают это?

Thx Я действительно ценю ваш опыт!

Answer 1

Вы могли бы попробовать, как этого

JS:

$(window).scroll(function() { 
    if($(window).scrollTop() >= socialButton.offset().top + socialButton.outerHeight()) 
     hiddenSocialButton.stop().animate({'bottom': 0}, 100); 
    else 
     hiddenSocialButton.stop().animate({'bottom': -hiddenSocialButton.outerHeight()}, 100); 
}) 

jsfiddle demo

Answer 2

См. Это question. Используется ссылка на код этого

HTML:

<div class="container"> 
<div class="social_links">Social Links</div> 
<div class="bottom_links">Bottom Links</div> 
</div> 

JS:

function triggerFunction() 
{ 
if(isScrolledIntoView('.social_links')) 
{ 
    $('.bottom_links').fadeOut(); 
}else{ 
    $('.bottom_links').show(); 
} 
} 

DEMO HERE