잠시만 기다려 주세요


 
HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (771)  |  추천 및 재미 (15)  |  자료실 (16)  |  끄적거림 (439)  |  시나리오 (757)  |  드라마 대본 (248)  |  

2019년 05월 24일
인생은 선택과 인내의 연속이다. 선택과 인내가 습관이되면 삶은 풍요로워진다. 다만 반드시 웃는 선택과 웃는 인내가 중요할 것. - 바다아이
 

    javascript/jquery

javascript/jquery - [jQuery] offset() 위치값 알아내기, 페이지내 링크중 불특정 div로 이동하고 싶을때..
이 름 : 바다아이   |   조회수 : 2875         짧은 주소 : https://www.bada-ie.com/su/?651523092944

페이지내 링크중 불특정 div로 이동하고 싶을때, div 위치값이 궁금해서 jQuery에 그런게 있었던거 같아서 찾았다.

역시 ㅋㅋㅋㅋㅋ

offset()

 

 

바로 사용예제

<div id='divId'>jQuery offset()</div>

<script type='text/javascript'>

    var val = $('#divId').offset();

    $('body,html').animate({scrollTop:val.top},300);

</script>

해당 ID의 div의 top 위치값을 알아낸 후, animate() 를 이용해서 그 위치로 이동하는 소스다.

 

상위로 부드럽게 가는 사용예제

<a class='gotop'>Top</a>

<script type='text/javascript'>

    $('.gotop').css('cursor','pointer').click(function() {

        $('body,html').animate({scrollTop:0},300);

    });

</script>

페이지 내부에서 부드럽게 상위로 이동하는 소스!

출처 : http://iblogger.tistory.com/155
 

| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
71 javascript/jquery , ... 바다아이 332
70 javascript/jquery , timezone, , ... moment.js 바다아이 330
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 404
68 javascript/jquery (block) , ... 바다아이 416
67 javascript/jquery textarea cursor , , focus 바다아이 407
66 javascript/jquery jquery ajax option .... 바다아이 490
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 481
64 javascript/jquery javascript , , , , () 바다아이 559
63 javascript/jquery javascript (date ) 바다아이 597
62 javascript/jquery CSS3 javascript 바다아이 478
61 javascript/jquery javascript , cookie, , , , , 바다아이 690
60 javascript/jquery javascript 바다아이 851
59 javascript/jquery javascript / , , , 바다아이 898
58 javascript/jquery url , , encode, decode ... 바다아이 656
57 javascript/jquery javascript ... frame location.href 바다아이 773
56 javascript/jquery File Upload Progress, .... . 바다아이 817
55 javascript/jquery javascript, json , json Highlight 바다아이 902
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 906
53 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 835
52 javascript/jquery javascript entity , , encode, decode 바다아이 858
51 javascript/jquery javascript post, get , 바다아이 1055
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 1157
49 javascript/jquery jquery autocomplete , , . 바다아이 921
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 1036
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 971
46 javascript/jquery Javascript event.keyCode , , ACSII 바다아이 827
45 javascript/jquery url encode decode , , , javascript 바다아이 1380
44 javascript/jquery javascript 바다아이 809
43 javascript/jquery javascript, textarea tap . 바다아이 855
42 javascript/jquery , 2.... 바다아이 826
| |






Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : New Jersey  실행시간 : 0.03175
to webmaster... gogo sea. gogo sea.