본문 바로가기

슬라이드 http://www.slidesjs.com/ http://touchslider.com/ http://kenwheeler.github.io/slick/ http://nicekjm88.tistory.com/entry/자주-쓰는-탭매뉴-자바스크립트 tabmenu.zip http://giman.bestbz.co.kr/jquery/tabmenu/index.html 더보기
[jQuery] scrollTop()을 활용한 고정스크롤리모컨 http://kitchu.tistory.com/14 브라우저 좌측 하단에 고정적으로 위치, 최초 display는 none으로써 안보이는 상태. 문서에서 일정 이하로 스크롤했을 때 fadeIn, 위로 올리면 다시 fadeOut.요소를 클릭하면 웹페이지 최상단으로 이동하게 구현. index.html) Going Up css) #remoCon {position: fixed;width: 60px;height: 20px;right: 20px;bottom: 20px;display: none; } js) $(document).scroll(function(){var con = $("#remoCon");var position = $(window).scrollTop();if(position > 250){ con.fadeI.. 더보기
버튼 클릭시 이동 스크롤 http://superkts.com/jquery/@scroll 재 위치에서 특정 위치로 스크롤보기아래 버튼을 누르면 화면이 스크롤 됩니다. 절대값 스크롤 ( 100px ) 절대값 스크롤 ( 300px )소스아래 버튼을 누르면 화면이 스크롤 됩니다. 절대값 스크롤 ( 100px ) 절대값 스크롤 ( 300px )jQuery$( 'html, body' ).stop().animate( { scrollTop : '100' } ) - 위로부터 100px 위치로 스크롤 $( 'html, body' ).stop().animate( { scrollTop : 300 } ) - 위로부터 300px 위치로 스크롤 '100', 300 처럼 문자형태나 숫자형태로 입력할 수 있습니다.예제 2현재 위치에서 특정값 만큼 추가된 스크.. 더보기