반응형
<a href='#' onclick='test()'></a>
이런식으로 하이퍼링크에  자바스크립트 함수를 호출하는 경우가 많다.
<a href를 사용하게 되면 링크클릭시 페이지 스크롤이 자동으로 초기화 된다.
이를 방지하기 위해

<a href='#;return false;' onclick='test()'></a> 

위와같이 추가해주면 된다.
이를 몰라서 Ajax상의 Post액션의 문제인줄 알고 쌩쇼를 했다.
asp.net상에서 ScrollHolder 클래스를 적용해보기도 하고
별의별짓을 해봤는데 가만히 보니 문제가 <a href='#'태그의 문제였던거다.
하나하나 비교해보니 어떤 태그에서는 스크롤 초기화가 발생하지 않았다.
Ajax의 Post서버 호출이 일어났음에도 불구하고 스크롤이 초기화 되지 않아서
하나 하나 찾다보니 <a href의 문제를 발견한거라 할 수 있다.

가끔 이렇게 기초적인 데서 막히는 경우가 있으니 침착하게 잘 찾아보자. 
반응형
<td style="word-break:break-all;"></td>
-------------------------------------------
이렇게 설정하면 <TD>안의 내용이 알아서 자동으로 줄바뀜된다. 

+ Recent posts