[etc] jquery용 quickmenu도 있네요. > 팁앤테크

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[etc] jquery용 quickmenu도 있네요.

본문

아래처럼 하시면 quickmenu을 심플하게 처리할 수 있네요.
jquery 기반입니다.

- CSS (중앙정렬 레이아웃일 때)

#quickmenu {position:absolute; left:50%; top:100px; width:100px; margin-left:450px; /* wrapper/2 */}


- JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
var currentTop = parseInt($("#quickmenu").css("top"));
$(window).scroll(function() {
$("#quickmenu").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 500);
});
});
</script>


- PHP / HTML

<div id="quickmenu"> ... </div>
추천0

댓글목록 0

등록된 댓글이 없습니다.

전체 825건 12 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기