Появление блока когда курсор мыши опускается ниже окна браузера

Тема в разделе "JavaScript", создана пользователем runyugin, 25 июн 2015.

Модераторы: ZiX
  1. runyugin

    runyugin Постоялец

    Регистр.:
    30 июн 2013
    Сообщения:
    54
    Симпатии:
    4
    Помогите со скриптом, появление блока внизу экрана (блок фикс.) когда курсор мыши опускается ниже окна браузера, и блок скрывается когда мыш выше его верхней границы, на подобия полосы с пуском как у виндовс.
     
  2. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    340
    Симпатии:
    162
    JQuery
    Код:
      <div class="fixed_block">Здесь контент</div>
      <style>
        .fixed_block {
      position:fixed;
      bottom:10px;
      height:100px;
      visibility:hidden;
    }
      </style>
    
      <script>
        $(document).ready(function(){
    var f = $('.fixed_block').offset().top;
    $(document).mousemove(function(a) {
      var b = a.pageY-$(window).scrollTop();
    if (b > f) {
       $('.fixed_block').css('visibility', 'visible');
        }
         else if (b < f) {
       $('.fixed_block').css('visibility', 'hidden');
         }
        });
    });
      </script>
    
     
    Последнее редактирование: 26 июн 2015