지연 표시 div

Question

방문자가 페이지를 약간 아래로 스크롤 할 때까지 지연시키고 싶은 부동/정적 도구 모음이 있습니다. 지연() 및 스크롤() 함수를 사용하여 시도했지만 성공하지 못했습니다. 올바른 길을 가고 있지만 구문이 올바르지 않을 수도 있습니다.

예를 들어, 이것이 내 툴바 (아래)라고 ... 스크립트 (자바 스크립트/jquery)를 표시하는 데 지연이 필요합니까? 그리고 우리가 그곳에있는 동안, 그것을 퇴색시키는 어떤 방법이라도 열어 줍니까?

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

Answer 1

아래의 JQuery 스크립트는 사용자가 페이지를 스크롤 할 때 툴바 div를 표시합니다.

참고 : 이벤트는 페이지를 스크롤 할 수 있어야만 페이지 내용이 창보다 높아야합니다.

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

이 스크립트는 미리 설정된 지연 후에 툴바 div를 사라지게합니다.

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

직접 페이지의 폐쇄 </body> 태그 위의 스크립트

장소 중 하나 당신이