● 움직이는 퀵메뉴 이동메뉴 완성
이전
다음
링크
본문
● 움직이는 퀵메뉴 이동메뉴 완성
http://hacki.iptime.org/m/bbs/board.php?bo_table=tip02&wr_id=105&page=5
퀵스크롤 적용
<div id='quick' style="position:absolute; left:50%; margin-left:468px; width:180px; z-index:2; border:1px solid #aaa;">
퀵메뉴
</div>
jQuery 이용하기 때문에 다음 소스도 추가(http://jquery.com/)
<script type="text/javascript" src="경로/js/jquery.js"></script>
<script type="text/javascript">
var quick_menu = $('#quick');
var quick_top = 114;
quick_menu.css('top', $(window).height() );
$(document).ready(function(){
quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 200 );
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 500 );
});
});
</script>
후~ 이제 움직이는 퀵메뉴 완성!=======================> 정보 입니다
==================
저의 아미나/나리야 빌드 적용 내용 입니다
---------------
<!-- 글작성 메뉴및 글등록 이동메뉴 ===================== -->
<a href="<?php echo $write_href ?>" class="btn btn-primary py-2" role="button">
<i class="fa fa-pencil fa-md" aria-hidden="true"></i>모두 지우고 다시쓰기(글작성)</a>
<!-- jQuery 이용하기 때문에 다음 소스도 추가(http://jquery.com/) -->
<!-- w:\www\js\jquery.anchorScroll.js -->
<!-- <div id='quick' style="position:absolute; left:50%; margin-left:468px; width:180px; z-index:2; border:1px solid #aaa;"> -->
<div id='quick' style="position:absolute; ">
<!-- <input type="submit" value="♥글쓰기quick▶" id="btn_submit" accesskey="s" style="background:#fff; border:0;" ></div> -->
<input type="submit" value="♥글등록(이동메뉴)▶" accesskey="s" class="btn btn-primary py-2" role="button">
<i class="fa fa-pencil fa-md"></div>
<script type="text/javascript" src="https://11q.kr/js/jquery.anchorScroll.js"></script>
<script type="text/javascript">
var quick_menu = $('#quick');
var quick_top = 111;// 상하 위치 이동
quick_menu.css('top', $(window).height() );
$(document).ready(function(){
quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 200 );
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 500 );
});
});
</script>
<!-- ============= -->
☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠
관련자료
-
링크
-
이전
-
다음
댓글 0
등록된 댓글이 없습니다.