android - touchmove 이벤트 페이지 스크롤을 비활성화하는 방법
天蓬老师
天蓬老师 2017-05-16 13:35:17
0
1
749

최근 H5 페이지에 iOS의 AssistiveTouch와 유사한 기능을 만들었습니다. 페이지에서 이동할 수 있고 사용하지 않을 때는 자동으로 옆으로 흡착되는 작은 매달린 위젯입니다.

발생하는 문제:

Android 휴대폰에서는 위젯을 이동하면 그에 따라 페이지가 스크롤됩니다.

페이지 스크롤의 부드러움을 향상하기 위해 Chrome 브라우저touchmove事件里不能用event.preventDefault()는 새로운 Chrome 브라우저에서 페이지 스크롤을 방지합니다.

새 바인딩 이벤트는 이와 같이 처리해야 합니다(passive: false속성 추가)

으아악

하지만 저는 React를 사용하고 모니터를 직접 바인딩합니다

으아악

touchmove로 위젯을 이동할 때 페이지가 스크롤되는 것을 방지하는 방법은 무엇입니까?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

모든 응답 (1)
Ty80

直接来。 资料在这里

Your event handlers will be passed instances of SyntheticEvent, a cross-browser wrapper around the browser's native event. It has the same interface as the browser's native event, including stopPropagation() and preventDefault(), except the events work identically across all browsers.

If you find that you need the underlying browser event for some reason, simply use the nativeEvent attribute to get it. Every SyntheticEvent object has the following attributes:

touchmove(event){ event.stopPropagation(); event.nativeEvent.stopImmediatePropagation(); } 或者
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!