2013-03-08 2 views
2

반송 효과 (탄성 스크롤) ipad/iphone safari 브라우저를 비활성화하고 싶습니다. touchmove에서 기본값을 사용하지 않도록 시도했지만 전체 스크롤을 방지합니다. 나는 내용을 스크롤 할 수 있지만 바운스를 막을 수 있기를 원합니다. 내 머리글과 바닥 글이 수정되었습니다. 아이디어가 있습니까?ipad/iphone safari에서 탄성 스크롤 방지, 콘텐츠 스크롤 허용

iOS8의의 모바일 사파리
+0

http://jsbin.com/tocako/edit 내가'알고 -webkit-오버 플로우 스크롤 : 터치;' 탄력적 인 스크롤을 가능하게합니다 ... 끄기 위해 'auto'로 설정해보십시오. 기본적으로 탄성 스크롤이없는 요소에서 작동합니다. –

+0

@TimMedora 해당 컨트롤을 적용하려면 콘텐츠 div에 적용 해 보았지만 "알 수없는 속성 이름"오류가 표시됨 –

+0

CSS의 전체 본문 요소에 적용 해 볼 수 있습니다. 그게 효과가 있는지 알지 못한다. 단지 내가 그것을 언급 할 것이라고 생각했다. 더 효과가있는 것은 몸체의 오버 플로우를 숨기고 다른 요소에'overflow : auto'를 추가하는 것입니다. 바디의 스크롤은 기본적으로 탄성입니다. 새 요소는 바운스없이 스크롤해야합니다. –

답변

1

(AppleWebKit/600) 스크롤 바운스 (아래 와이프) 위쪽에 발생하는 경우 다음의 이용 검출 할 수

window.onscroll = 함수() { 경우를 (는 document.body .scrollTop < 0) }

내가 바운스를 "중단"할 수있는 깨끗한 방법을 찾을 수 있는지 확인하기 위해 연극을했다 { // 뭔가 을}하지만 좋은 아무것도 찾지 못했습니다.

onscroll 이벤트가 UIWebView에서 실행되지 않는다고 생각하기 때문에 window.onscroll 솔루션이 작동하지 않습니다. 그러나 UIWebView가 튀어 오지 않아 문제가되지 않습니다. (iOS에서 테스트 복제 및 개방 전체 화면한다) 내가 테스트하려면이 코드를 사용했다 https://stackoverflow.com/a/30495399/436776

를 사용 WKWebView 대있는 UIWebView를 사용하는 경우 당신은 감지 할 수 있습니다 :