스크롤 (5) 썸네일형 리스트형 table 상하좌우 스크롤(슬라이딩)시 특정 부분 위치 고정 원문 : https://www.codingfactory.net/13033 예전에는 자바스크립트로 프로그래밍 해 주던 영역인데, position:sticky 속성을 지원하는 CSS 에서는 간단하게 구현이 됩니다. 원문에서는 하나의 테이블에 대해서만 다루었는데, 위 아래로 여러 테이블이 있는 경우에는 id 가 아니라 class 방식으로 바꾸면 정상 작동합니다. 그러면, 이제 응용편을 하나 예로 들어 봅니다. 좌우 스크롤이 되는 table 인데.. (물론, table 을 감싸는 div 에 overflow-y:hidden 적용) 상단 칼럼은 colspan 으로 셀병합(엑셀 용어.. ㅋ)되어 있고, 칼럼이 많아서 좌우 스크롤 해야 하는데.. 상단 칼럼의 내용이 스크롤 할 때 계속 보여져야 한다면...? 간소하게 .. [펌] 무한 스크롤 https://velopert.com/1890스크롤이 내용의 마지막에 도달할 경우,다시 말해서 내용의 마지막까지 스크롤 될 경우..내용의 마지막에 새로운 내용을 추가하는 방법. 목록을 최초 10개 보여주고, 더 보기 버튼을 누르지 않고..맨 마지막에 도달할 때 그 다음 내용을 끌어와서 보여주는 용도로 사용. jquery, 화면 맨 아래로 스크롤 될 때 다음 목록 읽어오기 원문 : http://talkerscode.com/webtricks/load-results-from-database-on-page-scroll-using-jquery-ajax-and-php.php상기 원문에선 jquery 를 사용하면서도 다시 getElementById() 함수를 사용하기도 하네요..그리고, append() 함수를 사용하면 되는데.. 코드는 간단할수록 이해도 쉽고 수정도 편리하다지요. $(window).scroll(function(){ if($(document).height() 화면이 일정 거리 위 아래로 스크롤 될 때 오른쪽 아래에 '맨위로 가기' 버튼 달기 http://gogoke1.blog.me/20202666575 원리는 이래요.. CSS 스타일 중 position 항목에서 fixed 라는 값이 있는데,이걸 사용하면 화면이 스크롤 되어도 일정 위치에 표시가 됩니다. 말 그대로 position 을 fixed 하는 거에요.. 대체로는 left:10px 와 top:10px 과 같이 왼쪽 위를 기준으로 세팅을 하는데,오른쪽 위에 하려면 right:10px 과 top:10px 처럼 수치를 조정하면 됩니다.왼쪽 아래는 left:10px 과 bottom:10px, 오른쪽 아래는 right:10px 과 bottom:10px 이렇게 하면 되겠네요.이걸 자바스크립트로 화면 사이즈를 재고, 화면 스크롤 할 때마다 어떻게 하고 이렇게 고민할 필요가 없습니다. 그런데, 화면이.. jQuery 플러그인 모음 - 스크롤 패스http://skullacy.com/779 - http://www.unheap.com/ 플러그인 총출동.. ^^> http://guny.kr/jquery-sprite-plugin/ 애니메이션 - 무한 스크롤현재 표시된 목록 맨 하단이 노출될때 다음 목록이 불려와서 자동으로 적재1. http://imakewebthings.com/jquery-waypoints/infinite-scroll/ MIT/GPL 라이센스2. http://archive.plugins.jquery.com/project/endless-scroll 스크롤 http://kwangho.tistory.com/m/post/view/id/2166 직접 구현 - 달력 Calendarhttp://arshaw.com/fullcalendar.. 이전 1 다음