jQuery JScrollPane

WebKit계열(Chrome/Safari) 이미지 버그 처리

웹킷 계열 브라우저에서는 스크롤 영역에 이미지가 들어갈 경우 제대로 높이 산정을 못하는 문제가 발생한다. 해결책은 http://stackoverflow.com/questions/3820632/jscrollpane-2-0-height-problem-in-chrome http://jscrollpane.kelvinluck.com/image.html http://jscrollpane.kelvinluck.com/image2.html 를 보면 된다.

해결책을 정리하자면,

  1. CSS 파일이 JScrollpane Javascript보다 앞에 선언되어야 한다.
  2. JScrollPane 생성 옵션에 autoReinitialise: true를 준다. (과거 버전에서는 “reinitialiseOnImageLoad: true”)
  3. autoReinitialise를 안할 경우에는 모든 이미지에 높이(height)를 지정해 주면 된다.