채택완료

클릭시 화면 상단부터 나올수 있게 처리하고 싶습니다.

https://woosungent.com/product06.php에서 이미지를 한개 클릭하고 들어가면 하단에 설치사례라는 이미지가 잇습니다. 클릭하면 화면 중간부분이 나오는데 이것을 화면 상단이나 타이틀부분이 먼저 나올스 있게 수정이 가능할까요? 앵커를 쓰면될까요? #으로 처리하면 됐었는데 안먹네요 도와주세요

|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트

클릭사건 이후 스코롤시작점을 0으로 재설정 하면 될거 같습니다.

window.scrollTop = 0;

이렇게 말이죠.... 한번 해보시구 안되면 다시 연락주세요.

답변에 대한 댓글 2개

링크에 저 소스를 넣으라는 말씀이세요?
이미지 클릭했을 때 작동하는 코드 부분의 제일 마지막에 삽입하세요. 잘 안되문, 스카이프 splitedragon으로 컨텍주세요.

이게 소스코드입니다.

Copy
<div>
<li><img src="../../assets/images/product/scrubber/1/detail01.jpg" width="1244" height="1538" usemap="#Map" border="0" />
<map name="Map" id="Map">
  <area shape="rect" coords="614,247,909,297" href="../../order.php" target="_top" />
</map></li>
<li><img src="../../assets/images/product/wap/detail02.jpg" width="1244" height="1020" usemap="#p1" border="0" />
<map name="p1" id="p1"><area shape="rect" coords="880,105,1239,460" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=50" /><area shape="rect" coords="441,104,804,460" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=54" /><area shape="rect" coords="2,104,364,459" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=54" /><area shape="rect" coords="1,509,361,865" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=55" /><area shape="rect" coords="441,510,799,865" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=57" />
  <area shape="rect" coords="441,919,800,991" href="../../result03.php" target="_top" />
  <area shape="rect" coords="880,510,1241,865" href="https://woosungent.cafe24.com/gnuboard/bbs/board.php?bo_table=result03&amp;wr_id=56" />
</map></li>
</ul></div>

답변에 대한 댓글 1개

이 부분말고도. 이미지클릭했을때 처리하는 자바스크립트 코드부분도 있어야 하는데요. 그래서 온라인 미팅 신청한것입니다.

답변을 작성하려면 로그인이 필요합니다.