게시판 리스트 페이지에서 제목을 클릭하면 상세 페이지가 뜨는데 이 상세 페이지가 DIV로 보여지게 됩니다.

페이지 이동이 아니라 DIV안에 load되는 형태 입니다.

이 DIV는 overflow-y:auto; 로 설정되어있어서 내용이 길어지게되면 자동으로 스크롤이 생기게 되어있습니다.

질문 들어가겠습니다.

1. 이 DIV에 내용을 load하는 시점에서 스크롤이 생긴다면 스크롤 크기만큼 width값을 늘려주어야 합니다.

2. DIV안에 들어가는 내용이 많이 길어지게 되면 스크롤이 생기는데 이때 DIV의 height값을 임의적으로 수정해주고 싶습니다.

내용이 짧을 경우는 그 내용의 height만큼 줄여서 스크롤이 생기지 않으면서 여백이 없이 만들고 내용이 많이 길어지게 되면 현재 보여지는 브라우저의 높이보다 살짝 짧게 세팅을 해주고 싶습니다.

내용이 얼마나 길어지고 짧아지는지 DIV안에 들어가는 내용의 height값을 구하면 될것 같은데 이 부분이 문제네요.

팁좀 부탁드리겠습니다.