jquery animate가 ie8에서 느려지는 이유가 뭘까요.
개발을 항상 크롬과 파폭기준으로 하고 있어서 IE 테스트는 가장 늦게 해 보는 편인데요.
조금 큰 규모의 animate를 할 때는 IE(특히 IE8)에서 프레임이 아주 심하게 끊어 지는 현상이 일어납니다.
지금 그런 현상이 나타나는 페이지 입니다.
크롬과 파폭에서는 생각한 대로 움직임이 부드럽게 나타납니다.
IE9는 조금 버벅이긴 하지만 심각한 수준은 아니라고 판단 되어집니다만,
그 이하 버전에서는 너무 심하게 끊어 지는 현상이 일어납니다.
IE6, IE7은 버린다고 치더라도 IE8은 그러질 못해서 문제 입니다.
(function(window) {
var srTop = new Array();
var srLeft = new Array();
var moveLeft = null;
var moveTop = null;
$(".srMQ").each(function(index) {
var tTmp = $(this).css("top").split("px");
var lTmp = $(this).css("left").split("px");
srTop[index] = tTmp[0]-0;
srLeft[index] = lTmp[0]-0;
});
$("#wrap").mousemove(function(e) {
if(e.pageX > 900) {
moveLeft = e.pageX;
} else {
moveLeft = e.pageX -1800;
}
if(e.pageY > 450) {
moveTop = e.pageY;
} else {
moveTop = e.pageY -900;
}
$(".srMQ").each(function(index) {
var sum = 0.015;
$(this).stop(true).animate({top:moveTop*sum*(index+1)+srTop[index], left:moveLeft*sum*(index+1)+srLeft[index]},{duration:400});
});
});
}(window));
제 jQuery 코딩 방식인데요.
IE에서 안좋은 코딩 습관이 있을거 같은데(물런 총체적 난국의 발코딩입니다 ㅜ_ㅜ)
어떤 문제점이 있는지 알고 싶습니다.
DTD선언과 CSS를 쓰는것 부터 문제 일수도 있겠네요.
문제점이뭘까요?
댓글 3개
13년 전
IE8은 화면 업데이트가 좀 더딘 모양입니다. animate가 다 부드럽진 않더군요.
다른 브라우저들하고 너무 심하게 비교될 정도로 -_-;;
그리고 $.each로 돌리는 부분에 약간의 Term을 주시면 그나마 덜 버벅 거립니다. settimeout을 주시거나 아니면 약간의 노가다로 setinterval함수로 모든 object들을 animate시킨 후 interval을 없애는 거도 괜찮은 방법중에 하나입니다.
다른 브라우저들하고 너무 심하게 비교될 정도로 -_-;;
그리고 $.each로 돌리는 부분에 약간의 Term을 주시면 그나마 덜 버벅 거립니다. settimeout을 주시거나 아니면 약간의 노가다로 setinterval함수로 모든 object들을 animate시킨 후 interval을 없애는 거도 괜찮은 방법중에 하나입니다.
13년 전
ie 브라우저의 스크립트가 다른 브라우저의 스크립트보다 좀 성능이 안좋은건 익히 아실거에요...
브라우저 속도 가 꼭 스크립트 성능이라고 얘기할수는 없으나..IE 제품이 원래 그래요;;;;;;;;
브라우저 속도 가 꼭 스크립트 성능이라고 얘기할수는 없으나..IE 제품이 원래 그래요;;;;;;;;
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
3주 전 | 59 | |
| 199658 | 2개월 전 | 153 | ||
| 199657 | 2개월 전 | 270 | ||
| 199656 | 2개월 전 | 204 | ||
| 199655 | 2개월 전 | 148 | ||
| 199654 |
 하이루에야 |
2개월 전 | 197 | |
| 199653 |
하이루에야 |
2개월 전 | 109 | |
| 199652 |
 jazzlab |
2개월 전 | 222 | |
| 199651 | 2개월 전 | 215 | ||
| 199650 | 2개월 전 | 149 | ||
| 199649 | 2개월 전 | 209 | ||
| 199648 | 2개월 전 | 250 | ||
| 199647 | 2개월 전 | 251 | ||
| 199646 | 2개월 전 | 248 | ||
| 199645 | 2개월 전 | 157 | ||
| 199644 | 2개월 전 | 284 | ||
| 199643 |
비버팩토리
|
2개월 전 | 215 | |
| 199642 | 2개월 전 | 392 | ||
| 199641 |
bbebbee
|
2개월 전 | 157 | |
| 199640 |
jaick
|
2개월 전 | 177 | |
| 199639 | 2개월 전 | 270 | ||
| 199638 | 2개월 전 | 212 | ||
| 199637 | 2개월 전 | 203 | ||
| 199636 | 2개월 전 | 236 | ||
| 199635 | 2개월 전 | 220 | ||
| 199634 |
비버팩토리
|
2개월 전 | 159 | |
| 199633 | 2개월 전 | 132 | ||
| 199632 | 2개월 전 | 226 | ||
| 199631 | 2개월 전 | 240 | ||
| 199630 | 2개월 전 | 231 | ||
| 199629 | 2개월 전 | 238 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기