|
  |
9년 전
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var Oposition = $(window).height()/2 - $("#slidemenu").height()/2;
$("#slidemenu").css('top', Oposition);
$('#tobottom').click(function(){
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
});
$(window).scroll(function() {
var position = Oposition + $(window).scrollTop() ; //레이어의 세로 위치
$("#slidemenu").stop().animate({"top":position+"px"}, 1000);
if(position < $(document).height()/2) $("#slidemenu").html('<span id="tobottom">아래로</span>');
else $("#slidemenu").html('<span id="totop">위로</span>');
$('#totop').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
});
$('#tobottom').click(function(){
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
});
});
});
//]]>
</script>
<style type="text/css">
#wrap{text-align:left;margin:0 auto;height:1000px;}
#slidemenu{position:absolute;cursor:pointer; right:10px;}
</style>
</head>
<body>
<div id="wrap">
<div id="slidemenu"><span id="tobottom">아래로</span></div>
</div> |
|
 추천 : 381 |
추천
목록
|
|
