위치 (4) 썸네일형 리스트형 table 상하좌우 스크롤(슬라이딩)시 특정 부분 위치 고정 원문 : https://www.codingfactory.net/13033 예전에는 자바스크립트로 프로그래밍 해 주던 영역인데, position:sticky 속성을 지원하는 CSS 에서는 간단하게 구현이 됩니다. 원문에서는 하나의 테이블에 대해서만 다루었는데, 위 아래로 여러 테이블이 있는 경우에는 id 가 아니라 class 방식으로 바꾸면 정상 작동합니다. 그러면, 이제 응용편을 하나 예로 들어 봅니다. 좌우 스크롤이 되는 table 인데.. (물론, table 을 감싸는 div 에 overflow-y:hidden 적용) 상단 칼럼은 colspan 으로 셀병합(엑셀 용어.. ㅋ)되어 있고, 칼럼이 많아서 좌우 스크롤 해야 하는데.. 상단 칼럼의 내용이 스크롤 할 때 계속 보여져야 한다면...? 간소하게 .. 외부 자바스크립트 파일을 호출하는 위치 http://code.i-harness.com/ko/q/6a8bb 태그를 html 의 head 에 넣으면..해당 .js 파일을 다운로드 하는 동안 웹브라우저가 DOM 구조 생성을 연기합니다. 이것이 기본.옛날 웹브라우저나 최근 웹브라우저나 동일한 기능. 그래서, 바로 이전 태그에 상기 script 태그를 넣는 경우가 있었으나..이렇게 하면, 본문에 사용되는 스크립트가 실행되어야 할 때 외부 자바스크립트 파일이 다운로드 될 때까지 기다려야 함. 최신 웹브라우저들은 defer 와 async 옵션을 script 태그에 넣어서, head 에 추가 되었을 때..DOM 구조 생성 과정과 외부 .js 파일 다운로드를 서로 비동기적으로 실행.외부 .js 가 하나라면 두 옵션이 동일한 기능.외부 .js 가 여러개라면 a.. table 과 tr 태그들의 위치를 드래그 앤 드랍으로 처리 http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/ 원본http://roqkffhwk.tistory.com/entry/jQuery-tableDnD-%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%83%9C%EA%B7%B8%EC%9D%98-%EC%9C%84%EC%B9%98-%EB%93%9C%EB%9E%98%EA%B7%B8%EB%A1%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0?viewbar 해설 jquery 위치 정보 http://blog.naver.com/uri9148?Redirect=Log&logNo=130091239052$('...').position().left 와 $('...').position().top 은 body 의 left 와 top 이 각각 0 인 곳에서부터 해당 오브젝트 까지의 거리로 계산됨.화면을 스크롤 하더라도 $(window).scrollLeft() 나 $(window).scrollTop() 을 더할 필요가 없다는 이야기.다만, 화면 중앙에 보여줘야 한다면.. $(window).width(), $(window).height(), $('...').width(), $('...').height() 등을 고려. 이전 1 다음