Задержка показа div - PullRequest
Новая
       15

Задержка показа div

1 голос
/ 22 декабря 2011

У меня есть плавающая / статическая панель инструментов, которую я хотел бы отложить, пока посетитель не прокрутит страницу вниз на некоторое расстояние.Я пытался использовать функции delay () и scroll (), но безуспешно.Возможно, я на правильном пути, но неверный синтаксис.

Скажем, например, это моя панель инструментов (ниже) ... что мне нужно в сценарии, чтобы отложить его показ (javascript / jquery))?И, в то время как мы находимся в этом, любой способ открыть это? 

<div class="toolbar">
<ul></ul>
</div>

1 Ответ

1 голос
/ 22 декабря 2011

Сценарий JQuery ниже покажет div панели инструментов, когда пользователь прокручивает страницу.

ПРИМЕЧАНИЕ. Страница должна быть прокручиваемой для запуска события, поэтому содержимое страницы должно быть выше, чем окно. 

<script>
  $(window).scroll(function () { 
    $(".toolbar").fadeIn("slow"); 
  });
</script>

Этот сценарий приведет к исчезновению div панели инструментов после предварительной-set delay. 

<script>
  $(document).ready(function () { 
    $(".toolbar").delay(800).fadeIn(10000); 
  });
</script>

Поместите любой из сценариев непосредственно над закрывающим тегом </body> вашей страницы и убедитесь, что у вас есть ссылка на библиотеку JQuery в разделе <head>

...