브라우저에서 페이지가 "잘림"하는 것을 방지하는 방법

이게 뭐죠?이 페이지에서 오른쪽으로 스크롤하면 Mac을 사용하는 경우 두 손가락을 사용하고 더 위로 스크롤하면 페이지가 터치 패드에서 손가락을 떼면 더 위로 스크롤하여 페이지가 아래쪽으로 움직여 회색 영역을 표시하고 다시 튀어 오릅니다.브라우저에서 페이지가 "잘림"하는 것을 방지하는 방법

질문 CSS 또는 JavaScript로이 "갑작스런"효과를 방지하려면 어떻게해야합니까?

나는 페이스 북이나 pinterest에 가서 이미지를 클릭하면 라이트 박스를 얻을 수 있기 때문에 가능하다는 것을 안다. 그 라이트 박스 "모드"에서는이 "갑작스런"효과를 얻지 못합니다.

처음에는 라이트 박스 또는 CSS 고정 위치 지정과 관련이 있다고 생각했지만 http://lokeshdhakar.com/projects/lightbox2/ "모드"에서도 여전히 "얼간이"입니다. fb와 pinterest는 어떻게 그것을 했습니까?

ps. 크롬이나 사파리를 사용하십시오. 파이어 폭스는이 효과가 없습니다.

출처

2012-09-05 PK.

사람들이 스크롤을 인식했지만 문서의 끝에 있다는 것을 알리는 기능은 UI 기능입니다. 그런 표준 기능을 왜 사용하지 않습니까? – Quentin

quentin 나는 당신의 요점을 이해하지만 나는 우리가 "왜"여기에 대해 논의해야한다고 생각하지 않는다. 나는 facebook과 pinterest가 그것을하기 때문에 묻고있다, 나는 그것이 어떻게 완료되었는지 기술적으로 알고 싶다. –

페이스 북은 그림이 표시 될 때 문서 본문에 CSS 속성 "overflow : hidden"을 설정하여이를 수행하는 것으로 보입니다. HTML 파일에 다음 CSS를 추가하고 바운스 백 스크롤을 사용하지 않고 직접 테스트했습니다.

<style type="text/css"> 
body { 
    overflow: hidden; 
} 
</style>

물론, 이렇게하면 페이지가 전혀 스크롤되지 않습니다. Quentin에 동의합니다. 표준 UI 동작이므로 정당한 이유가 없다면 변경해서는 안됩니다.

출처

2012-09-05 09:07:15 Ben

감사합니다. 그러나 pinterest는 bounceback을 비활성화 할 수 있지만 여전히 페이지를 스크롤 할 수 있습니다. 그들이 어떻게 한거야? –

브라우저에서 페이지가 "잘림"하는 것을 방지하는 방법

답변

관련 문제