메뉴클릭시 페이지 전체가 살짝 흔들리면서 넘어갑니다.
본문
본 사이트 sir.co.kr 의 위 메뉴처럼,
제가 만드는 홈페이지 head.php 상단 메뉴들을,
하이퍼링크 <map>을 사용해서 잡았는데요.
메뉴 클릭을 할때마다 홈페이지 전체가 한번씩 오른쪽으로 살짝 움직였다가 제자리로 돌아오면서
바뀐 페이지가 뜹니다.
어지러운데요.
본사이트 sir.co.kr은 메뉴를 클릭하여도 메뉴나 홈페이지가 흔들림 없이, 페이지가 잘 뜨는것을 볼수 있습니다.
제가 쓴 방식은
<map>으로 각 메뉴를 하이퍼링크 잡은뒤,
각 sub게시판의 주소로 넘어가게 했습니다. ex)http://www.홈페이지주소.com/bbs/board.php?bo_table=board
각 게시판은 head.php와 tail.php를 연결시켰습니다.
왜 이런 흔들림 현상이 나타나는 걸까요?
답변 1
전체적인 소스를 봐야 알겠지만, 몇가지 추측 가능한 예제로는 링크 클릭시 우측 스크롤바가 사라지게 되있는 경우, 또는 페이지 이동시 특정 엘리먼트가 좌측에 visible 되는 경우로 추측해볼수 있겠네요.
답변 감사합니다.
우측 스크롤바가 사라지게 되있는 경우는, 어떤걸 고쳐주면 될까요?
우측 스크롤바가 사라지는 경우신가요? 전체적인 자바스크립트 점검이 필요한 부분이네요. 새 팝업레이어를 띄우는 과정에서 많이 발생하는 문제입니다.
해보니 우측 스크롤바 문제가 아닌것 같습니다.. ㅜㅜ
페이지 동시 특정 엘리먼트가 좌측에 visible되는 경우라면 어떻게 처리할수 있을까요?
해당 엘리먼트를 fixed로 바꿔버리거나 해서 다른 엘리먼트의 위치가 영향을 받지 않게 해야겟죠.