Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как задать плавное появление JS?

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


     20.08.2016    Все вопросы » jQuery    3558

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

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


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

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


10 комментариев

irrwisch
Юзер

irrwisch - 20 августа 2016 14:17 -

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

moskit
Юзер

moskit - 20 августа 2016 15:38 -

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

nowheremany
Эксперт

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
Юзер

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
Эксперт

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
Юзер

moskit - 21 августа 2016 18:31 -

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

dunwell
Юзер

dunwell - 21 августа 2016 21:40 -

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

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

Serge
Юзер

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
Юзер

moskit - 22 августа 2016 16:01 -

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

Serge
Юзер

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>

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

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

наверх