리사이즈 관련 질문입니다.
우수리
2023.04.01
masonry 플러그인을 사용중인데
잘작동하고있습니다.
플러그인은 컨텐츠영역에 있고 컨텐츠 영역은 고정 width입니다.
브라우져가 리사이징 될때마다 배치가 잘되고있는데요
문제는 사이트에 있는 레프트 메뉴가 튀어나오면서 컨텐츠영역이 줄어들게되는데(레프트 메뉴 영역이 커지면서 컨텐츠 영역이 레프트 메뉴의 width 만큼 작아지도록 제이쿼리로 작업)
그렇게되면 첫화면에서 배치된 레이아웃으로 플러그인이 그대로 그대로 존재하게되어 컨텐츠 영역을 벗어나버립니다.
브라우져 크기를 조절하면 다시 제대로 배치되구요.
제 의도는 컨텐츠 div가 크기가 조절될떄마다 플러그인도 바로바로 다시 재배열되는거였는데
지금은 윈도우 리사이징 이벤트가 일어나지 않으면 영역을 벗어나버리네요...
뭔가 방법이 없을까요??1. 첫 페이지 로드 됬을때 화면
2. 메뉴를 펄쳤을때 원했던화면
3. 실제로 나오는 화면
-
슬아라
제가 요즘 제 개인사이트를 리뉴얼 중인데 저도 mansonry를 가져다가 효과만 썼습니다.
전 전체 페이지가 아니라 컨텐츠 일부에만 적용시켰습니다.
적용할 때 id=\hero\가 컨텐츠영역에 적용되면 위의 문제는 해결될 겁니다. -
어서와
position: relative - absolute;