Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как задать плавное появление JS?

Как задать плавное появление JS?


     20.08.2016    jQuery    441

вопрос
Имеется код:

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed');
      } else {
          $('.menu2').removeClass('fixed');
      }
});
   </script>


Он отвечает за фиксированное горизонтальное меню, как сделать, чтобы при прокрутке страницы вниз он вылетал не резко, а постепенно, и желательно возвращался тоже постепенно...

Ответа пока нет


Комментарии пользователей (10)

irrwisch
47

373 | 140

irrwisch - 20 августа 2016 14:17 - Юзер

почитайте про скорость анимации в js

moskit
1

40 | 1

moskit - 20 августа 2016 15:38 - Юзер

Прочитал)))) Все равно прошу помочь!

nowheremany
193

1676 | 1298

nowheremany - 20 августа 2016 18:39 - Эксперт

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed').fadeIn("slow")
      } else {
          $('.menu2').fadeOut("slow",function(){ $(this).removeClass('fixed') })
      }
});
   </script>

Благодарность принимаю тут Связь

moskit
1

40 | 1

moskit - 20 августа 2016 19:14 - Юзер

Цитата: nowheremany
<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed').fadeIn("slow")
      } else {
          $('.menu2').fadeOut("slow",function(){ $(this).removeClass('fixed') })
      }
});
   </script>

Посмотрите: https://mania-go.ru
Все работает, но когда снова идет прокрутка вверх меню старое пропадает, которые не фиксируется

nowheremany
193

1676 | 1298

nowheremany - 21 августа 2016 11:59 - Эксперт

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed').fadeIn("slow")
      } else {
          $('.menu2').fadeOut("slow",function(){ $(this).removeClass('fixed').show() })
      }
});
   </script>

Благодарность принимаю тут Связь

moskit
1

40 | 1

moskit - 21 августа 2016 18:31 - Юзер

nowheremany,
ХЫЫЫЫ!! Так вообще прикольно, но все же людей будет раздражать, посмотрите))))

dunwell
9

74 | 15

dunwell - 21 августа 2016 21:40 - Юзер

Не проще сделать сразу фиксированное меню? Без этих лишних примочек.

Лично меня раздражало бы подобное появление меню.

Serge
4

67 | 1

Serge - 22 августа 2016 12:12 - Юзер

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed').fadeIn("slow")
      } else {
          $('.menu2').fadeOut("slow",function(){ $(this).removeClass('fixed').css('display','block') })
      }
});
   </script>

moskit
1

40 | 1

moskit - 22 августа 2016 16:01 - Юзер

Serge, так вообще не работает

Serge
4

67 | 1

Serge - 22 августа 2016 17:58 - Юзер

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed').fadeIn("slow")
      } else {
          $('.menu2').fadeOut("slow",function(){ $(this).removeClass('fixed').css("display","block") })
      }
});
   </script>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы