위치 : 고정, 모바일/태블릿 기기에서 스크롤 할 때 성능이 매우 좋음

Question

내 사이트의 내비게이션 막대를보기 포트로 수정하려면 페이스 북의 파란색 막대처럼,하지만 모바일에서 시도했을 때/태블릿 장치 (처리 능력이 낮음)는이 고정 막대가 성능에 매우 나쁜 영향을 미치므로 스크롤 할 때 매우 좋지 않은 사용자 환경을 만듭니다.

스크롤을 향상시키기 위해 아주 좋은 기사를 사용했으며 실제로

• http://www.html5rocks.com/en/tutorials/speed/scrolling/
• :처럼 않았다 이 기사에 따라 많은 수정 후

https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html

, 우리는 position: fixed 우리가에서 강화하는 유일한 조사가 남아있는 점에 도달했다.

이 사이트는 매우 부드러운 있습니다 스크롤하면 position: absolute이됩니다. 하지만 스크롤을 고정 시키면 특정 방식으로 스크롤 할 때 ipad에 사파리 브라우저를 걸어 놓을 수있는 정도로 매우 나쁜 결점이 있습니다. position: fixed을 태블릿/모바일 장치에서 어떻게 사용하는지 알고 있었습니까? 성능 문제가 당신의 "태블릿/모바일 장치", 웹킷 엔진이있는 경우

Answer 1

당신은 아마 여기에 답을 찾을 수있다 : Chrome slow scrolling with fixed position elements

빠른 답변 : 고정 블록에 -webkit-transform: translateZ(0);를 추가하려고합니다. "위치 : 절대"를 갖는 경우에도, 모바일 장치에서 부드러운 스크롤을 얻기 위하여

Answer 2

,

당신은 단지 CSS 속성에게 사업부에 추가 할 필요가

"-webkit-오버 플로우 스크롤 : 접촉;"