<div id="quickMenu">
<ul>
<li><a href="#" title="퀵메뉴1">퀵메뉴1</a></li>
<li><a href="#" title="퀵메뉴2">퀵메뉴2</a></li>
<li><a href="#" title="퀵메뉴3">퀵메뉴3</a></li>
<li><a href="#" title="퀵메뉴4">퀵메뉴4</a></li>
</ul>
</div>
<script type="text/javascript">
$(window).scroll(function(){
var scrollTop = $(document).scrollTop();
if (scrollTop < 100) {
scrollTop = 10;
}
$("#quickMenu").stop();
$("#quickMenu").animate( { "top" : scrollTop });
});
</script>
구글링하다가 찾은 퀵메뉴 소스인데
출처를 모르겠다ㅠㅠㅠ
'Study > JavaScript/JQuery' 카테고리의 다른 글
url(path)을 비교하여 메뉴 active 하기 (0) | 2018.08.13 |
---|---|
iframe youtube 재생, 일시정지, 중지 제어 (0) | 2017.07.27 |
[모바일웹] 메인메뉴를 터치 슬라이드 방식으로 만들기 (1) | 2017.01.16 |
동적으로 생성된 태그에 이벤트 주기! (0) | 2016.03.09 |
웹에 파워포인트(PPT) 띄우기 (0) | 2015.12.28 |
[jquery] 10가지 태그 클라우드 플러그인 (0) | 2013.03.13 |
[jquery] jquery모음 사이트 (0) | 2013.03.12 |
[jquery] 마우스오버로 커졌다가 작아졌다 (0) | 2013.03.05 |