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

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

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

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

<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>
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 10.08.2013 G-Force  Стили (CSS), jQuery
 20.12.2014 GSMexpress  Общие вопросы по вёрстке, jQuery
 18.01.2015 Morse  jQuery
 20.01.2015 Morse  jQuery
 07.02.2015 G-Force  jQuery
 23.03.2015 Kaleb  Шаблоны (TPL), jQuery
 25.03.2015 Nayzus  jQuery
 15.04.2015 DatiX  jQuery
 19.10.2015 4ortic  jQuery
 03.05.2016 Гость  jQuery
  • non-stop | Как решить проблему индексации DLE в пои ... 1
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
  • web102 | Почему не отображается картинка в галере ... 3
    Фото web102
    web102
    Почему не отображается картинка в галерее?
    4-12-2024, 11:49
    дайте адрес сайта. можно в личку
  • Shandi | Почему не отображается картинка в галере ... 3
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    3-12-2024, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
наверх