채택완료

모바일 에서 이미지를 onClick 시 화면이 스크롤되어 위로 올라가는 문제

2017-05-21 (일) 12:06:37 5,676

모바일에서 이미지를 바꾸기위해 마우스를 오버 하면 화면이 스크롤 되어 위로 가는 현상이 있어서

1번 onmouseover 를 onClick 으로 바꾸어 주었습니다.

그래도 비슷하게 이미지가 바뀌기는 하지만 화면이 스클롤되어 위로 올라가서

이미지를 보려면 다시 화면을 스크롤해서 내려야 하는 문제가 있습니다.

혹시 2번 onmouseout 을 다른것으로 바꾸어 주면 이런 현상이 없어질까요??

1))

$thumimg[$i]="<img src =$g5[path]/data/file/$bo_table/$row[bf_file] width='124' height='80' border=0 id=ThumbImage$i onfocus=\"javascript:ThumbViewer(this)\" onClick=\"javascript:ThumbViewer(this)\">";

==========

2))

<?
          for ($i=0; $i<=4; $i++) {
           $content2[$i]=nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키
           }
          ?>
          <td width="20%" class="img_box"><? if($view[file][0][view]){
                 echo "<a href='#' onmouseout='javascript:change('')'>";
                 echo $thumimg[0];
                 echo "</a>";
                 }
                 else {
                  echo "<img src='{$board_skin_url}/img/no_image.gif' width=120 height=80>";
                 }
                ?></td>
          <td width="20%" class="img_box"><? if($view[file][1][view]){
                 echo "<a href='#' onmouseout='javascript:change('')'>";
                 echo $thumimg[1];
                 echo "</a>";
                 }
                 else {
                  echo "<img src='{$board_skin_url}/img/no_image.gif' width=120 height=80>";
                 }
                ?></td> 

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

return false; 를 추가해 보세요. 

onClick="change('');return false;"

이런 식으로요.

답변에 대한 댓글 1개

도움말씀 감사드립니다.
죄송하지만 위 본문의 소스에 return false; 넣을때는 어떻게 해주면 되나요?

echo "<a href='#' onmouseout='javascript:change('')'>";

이 부분을

echo "<a href='#' onmouseout='change();return false;'>";


이런 식으로 바꿔 보세요. 

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