Привет всем. Крч малая идейка настигла только хз как реализовать). Есть у меня иконка с боку сайта кликабельная вот ее код Код (Text): <ul class="footer-social-links footer-social-links__rounded list-inline text-center"> <li> <a href="https://vk.com/boostgamers" target="_blank" title="VK"><i class="fa fa-vk"></i></a> </li> </ul> Если надо еще css приложу. Вообщем надо чтобы эта иконка исчезала если пользователь находиться в самом вверху сайта. Т.е если пользователь находиться выше этого класса <div class="top-wrapper top-wrapper__bg1" id="top"> то иконка пропадает., но как только он опускается ниже ее то она появляется.
все просто))) присваиваем id и класс блока для вашей иконки (либо по аналогии используйте существующий) например я добавлю Код (Text): class="default" и пропишу скрипт такого вида Код (Text): <script> $(document).ready(function(){ var $menu = $("#scroll-block"); $(window).scroll(function(){ if ( $(this).scrollTop() > 100 && $menu.hasClass("default") ){ $menu.removeClass("default").addClass("new"); } else if($(this).scrollTop() <= 100 && $menu.hasClass("new")) { $menu.removeClass("new").addClass("default"); } });//scroll }); </script> расшифруем скрипт 1. ищем блок с ID - scroll-block 2. когда страница полностью отображена класс у блока с иконкой default при прокрутке страницы на 100px вниз - класс меняется на new 3. при прокрутке страницы назад вверх, классы снова взаимозаменяются дело осталось за малым, скроем блок изначально стилем Код (Text): .default { display: none } и пропишем какие то свои стили для того же дива, когда он поменяет свой класс при прокрутке, к примеру Код (Text): .new { display: block; color: #FFF; background: #ccc; } или какие то свои стили... как пожелаете