더블클릭시 맨위로/아래로 (수정) 정보
더블클릭시 맨위로/아래로 (수정)관련링크
본문
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=22296
참치캔 님이 쓰신 팁입니다.
화면에 아무곳이나 더블클릭하면 맨아래로/맨위로 스크롤을 이동시키는 기능이구요
대표적으로 오유 (화면아무곳이나 더블클릭해서테스트해보세요)라는 사이트에서 사용했구요
오유 회원들이 모든사이트에 이 기능이 있었으면 좋겠다고 말할정도로 웹페이지를 빠르고 편하게 탐색할수 있어요
DTD선언시 오작동문제가 있어서 수정했습니다.
작동범위는 DTD있던,없던 IE,FF,사파리,크롬에서 되는걸로 확인했습니다
<!-- 마우스를 더블클릭시 맨위/맨아래로 이동하기 -->
<script type="text/javascript">
jQuery(function($){
var $elem = $("html");
var where = 0;
if(jQuery.browser.safari)
var $elem = $("body");
$($elem).dblclick(
function () {
if (!where) {
$($elem).scrollTop($elem.height());
where = 1;
}else{
$($elem).scrollTop('0px');
where = 0;
}
});
});
</script>
링크에 포함된 소스의
</body> 태그 바로 뒤(또는 앞)
<script>topbottom()</script>
는 필요없습니다.
참치캔 님이 쓰신 팁입니다.
화면에 아무곳이나 더블클릭하면 맨아래로/맨위로 스크롤을 이동시키는 기능이구요
대표적으로 오유 (화면아무곳이나 더블클릭해서테스트해보세요)라는 사이트에서 사용했구요
오유 회원들이 모든사이트에 이 기능이 있었으면 좋겠다고 말할정도로 웹페이지를 빠르고 편하게 탐색할수 있어요
DTD선언시 오작동문제가 있어서 수정했습니다.
작동범위는 DTD있던,없던 IE,FF,사파리,크롬에서 되는걸로 확인했습니다
<!-- 마우스를 더블클릭시 맨위/맨아래로 이동하기 -->
<script type="text/javascript">
jQuery(function($){
var $elem = $("html");
var where = 0;
if(jQuery.browser.safari)
var $elem = $("body");
$($elem).dblclick(
function () {
if (!where) {
$($elem).scrollTop($elem.height());
where = 1;
}else{
$($elem).scrollTop('0px');
where = 0;
}
});
});
</script>
링크에 포함된 소스의
</body> 태그 바로 뒤(또는 앞)
<script>topbottom()</script>
는 필요없습니다.
추천
5
5
댓글 1개
감사합니다