모바일 에서 이미지를 onClick 시 화면이 스크롤되어 위로 올라가는 문제
본문
모바일에서 이미지를 바꾸기위해 마우스를 오버 하면 화면이 스크롤 되어 위로 가는 현상이 있어서
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
return false; 를 추가해 보세요.
onClick="change('');return false;"
이런 식으로요.
echo "<a href='#' onmouseout='javascript:change('')'>";
이 부분을
echo "<a href='#' onmouseout='change();return false;'>";