• Страница 1 из 1
  • 1
Общий форум » Самоучитель HTML и CSS » Коды HTML для сайта » Появление/исчезновение элемента при прокрутке страницы
Появление/исчезновение элемента при прокрутке страницы
workman
Дата: Суббота, 16.01.2016, 08:47 | Сообщение 1
Гл. Модератор
Сообщений:1705
Награды: 8


CSS
Код
#blfix{
    display:none;
    position:fixed;
    top:0;
    background-color: red;
    width: 100%;
    padding: 20px;
}
HTML
Код
<div id="blfix">Наш блок</div>
Код
<script>
jQuery(function(f){
    var element = f('#blfix');
    f(window).scroll(function(){
        element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);          
    });
});
</script>




Сообщение отредактировал
workman - Суббота, 16.01.2016, 08:49
Страна: (RU)
Kosten
Дата: Суббота, 16.01.2016, 17:34 | Сообщение 2
Администраторы
Сообщений:16673
Награды: 55


workman, не чего как замутил. surprised
Страна: (RU)
workman
Дата: Суббота, 16.01.2016, 18:01 | Сообщение 3
Гл. Модератор
Сообщений:1705
Награды: 8


Цитата Kosten ()
не чего как замутил.
Проще простого ))
Страна: (RU)
Общий форум » Самоучитель HTML и CSS » Коды HTML для сайта » Появление/исчезновение элемента при прокрутке страницы
  • Страница 1 из 1
  • 1
Поиск: