Chrome에서 크기 조정 div의 속도가 느립니다.

-4

1440 * 900 모니터가 있습니다. 머리글, 바닥 글 및 그 사이에 두 개의 DIV가있는 페이지 (첫 번째 페이지는 내 주요 콘텐츠 DIV이고 두 번째 페이지는 같은 너비로 표시)Chrome에서 크기 조정 div의 속도가 느립니다.

두 번째 DIV의 크기를 조정해야합니다

while($("#page").height() < wh){ 
    $("#spacer").css('height', (parseInt($("#spacer").css('height').replace('px', '')) + 1) + 'px'); 
}

나는 문서 준비에서 사용) (jQuery를 : 주요-콘텐츠 DIV가하는 나는이 코드를 사용하는 일부)

가있는 경우) (바닥 글 및 창 아래쪽 사이의 차이를 느낄 하지만 크롬에서는 정지합니다 (파이어 폭스에서는 제외).

출처

2014-04-20 Ebrahim Tahernejad

while 루프 중에 멈추었 기 때문에 멈추고, 디버깅을 시도하고 어떤 일이 일어나는지 확인합니다. – Hatsjoem

수백만의 새끼 고양이가 공포에서 울부 짖는 것처럼 나는 힘에서 커다란 교란을 느낀다. – Pointy

자신이 복사하여 붙여 넣는 코드를 발견하면 잘못하고있다. 코드 복사 및 붙여 넣기 *가 7 번 * 발견되면 분명히 잘못한 것입니다. – Tomalak

다른 크기의 CSS 파일에서 클래스를 만든 다음 jQuery를 사용하여 클래스를 변경할 수 있습니다. 더 빠를 수도 있습니다.

.addClass

또는

.attr ('heightClass', 'whateverClassYouWant')

출처

2014-04-20 14:31:16 Joel

이 무엇입니까? 그 코드가 반복됩니다. 그리고 나는 사용하지 않을 것입니다. 나는 이벤트 검출기를 사용할 것입니다.

$(window).resize(function(e) { 
    if ($(window).height>value) { 
     //do stuff 
    } 
    else if ($(window).height<value) { 
     //do stuff 
    } 
} 
); 

$(document).ready (function(e) { //the same });

while을 느리게 만듭니다. 해당 상황에서 사용하지 않으려 고 노력하면서, 이벤트 리스너가 있고, 조건이 변경되거나 중단 될 때까지 거기에 머무르는 동안 이벤트 리스너가 있습니다.

출처

2014-04-20 14:37:35 qaztype

"문서 준비 완료 상태로 사용합니다." –

* "자바 스크립트에서 사용하지 않으려"* - 그건 완전히 난센스입니다. (힌트 : 여기서 문제를 일으키는 언어 구조가 아니라 사용되는 방식입니다. 'while'을 사용하면 아무 것도 구입하지 않으므로 JS에 잘못 사용할 수있는 다른 언어 구조가 많이 있습니다. 팁으로 OP를 돕지는 않을 것입니다. * while "'*"을 피하십시오. "while"은 "advanced"와 같이 보이게 만드는 것이 유용하지 않습니다.) – Tomalak

@EbrahimTahernejad는 그렇게하려고합니다. 정확히하고 싶은 것을 말해 준다면 코드 작성을 도울 수 있습니다. 복사하여 붙여 넣기는 동일한 조건에서 의미가 없으며 코드는 추론되지 않았습니다. JS가 그것을 읽을 때 무엇을하는지 생각해 봐야합니다. 코드의 작동 방식과 작동 방식을 이해하는 데 도움이됩니다. 원하는대로 빠르게 진행할 수 있습니다. – qaztype

Chrome에서 크기 조정 div의 속도가 느립니다.

답변

관련 문제