고르지 스크롤 문제

Question

내 페이지에서 스크롤, http://www.hjaramillo.com/, 고르지이며 정확히 이유를 모르겠습니다. 모든 이미지를 숨기면 문제가 해결되기 때문에 이미지가 표시되는 방식과 관련이 있다고 생각합니다.

또한 "정보"를 클릭하면 해당 섹션까지 스크롤이 고르지 않게됩니다.

어떤 일이 벌어지고 있고 어떻게 해결할 수 있습니까?

Answer 1

나는이 문제를 과거에 가지고있었습니다.

표시하려는 이미지가 너무 큽니다. 나는 누가 이미지를 크기를 조절하기 위해 html이나 css를 사용하는 것을 좋아한다. (누가 수동으로하고 싶어하는지),하지만 사실은 주변을 움직일 때 대부분의 브라우저가 딸꾹질을하게된다. 이유가 확실하지 않습니다.

Opera를 제외하고는 일반적으로 해상도를 희생하고 웹 사이트를 쓰레기로 만듭니다.

가장 큰 이미지의 크기를 조정하고 도움이되는지 확인하십시오.

Answer 2

JavaScript의 성능이 느립니다. 많은 작업을 완료하기 위해 많은 추상화 단계를 거치며 화면의 객체를 사용한 많은 조작이 백그라운드에서 일어나고 있습니다. 성능은 시스템마다 보장 할 수 없습니다.

모든 jQuery 애니메이션을 사용하면 더 빠른 컴퓨터와 성능이 우수한 브라우저에서 더 높은 "프레임 속도"(여기서는 적절한 용어가 아닌 더 나은 것으로 생각할 수 없음)를 얻을 수 있습니다 Chrome과 같은)보다 느린 컴퓨터에서 사용할 수 있습니다.

스크롤 위치 나 다른 속성을 설정할 때 백그라운드에서 모든 일이 발생하는지 궁금하다면 코드를 프로파일 링하는 데 사용할 수있는 많은 도구 중 하나를 사용하십시오. Google 크롬에는 내장형이 하나 있으며 Firefox 용으로 Firebug를 사용하여 통찰력을 얻을 수 있습니다. 이 질문을보십시오 : What is the best way to profile javascript execution?