IT IT

제이쿼리 offset

• Jquery[제이쿼리] on()+offset()+animate()로 스크롤 스르륵 이동하기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 00:15

  안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] on()+offset()+animate()로 메뉴에 해당하는 위치로 스크롤을 스르륵 이동하도록 해보겠습니다. 오늘은 먼가 준비할게 많네요 ㅠ_ㅠ

  Read More
• Jquery[제이쿼리] offset() + scrollTop()로 상단메뉴고정 하기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 22. 00:50

  안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] offset() + scrollTop()로 상단메뉴고정을 해보겠습니다. 이렇게 준비해주세요~ 처음 실행 화면입니다. 검정색부분이 메뉴라고 생각하세요~ 마우스휠로 내리니 메뉴부분이 안보이네요 ㅠ.ㅠ =============================== $(window).scroll(function(){ var d1_offset = $('.d1').offset(); alert("offset_top: "+d1_offset.top+" offset_left: "+d1_offset.left); =============================== 브라우저창 대상으로 스크롤을 하면 class d1의 offset()메서드의 리턴값을 변수 d1_offs..

  Read More
• Jquery[제이쿼리] offset() 메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 17. 01:13

  안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] offset 메서드를 배워보겠습니다. 준비화면 입니다위화면처럼 준비해주세요~ 실행 화면입니당~~ 오늘은 간단하니까 금방끝날꺼에요~ =============================== $('div').click(function(){ var divoffset = $(this).offset(); alert("offset_top: "+divoffset.top+" offset_left: "+divoffset.left); }); =============================== div가 click되면 $(this).offset()

  Read More