> 웹 프론트엔드 > JS 튜토리얼 > 페이지 스크롤 비활성화

페이지 스크롤 비활성화

韦小宝
풀어 주다: 2018-03-14 17:38:56
원래의
5451명이 탐색했습니다.

이 문서에서는 페이지 스크롤을 비활성화하는 방법을 설명합니다. 페이지 스크롤 비활성화에 관심이 있다면 더 이상 고민하지 말고 이 문서를 살펴보겠습니다.

지침:

1 여기에서는 실제 필요에 따라 js를 사용하여 동적으로 제어할 수 있는 페이지 스크롤을 비활성화하는 방법만 요약합니다.
2. 모바일 단말기를 금지할 수 있다면 당연히 PC도 금지할 수 있지만, PC를 금지할 수 있다면 모바일 단말기는 금지하지 않을 수도 있으니 모바일 단말기에 집중하겠습니다
3. 제가 사용하는 zepto를 보여주는 코드입니다(사용하지 못할 수도 있지만 확실히 이해할 수는 있습니다)

Preface:

누구나 모바일 개발을 하다 보면 필연적인 현상입니다. 해당 페이지 스크롤이 금지됩니다. 오늘은 모바일 단말기에서 페이지 스크롤을 비활성화하는 방법을 요약하겠습니다. 귀하의 요구를 충족할 수 있는 시나리오가 있기를 바랍니다.

1 Savior 방법, 관련 개발 경험이 있다면 이전 방법이 모바일 단말기에서 마술처럼 실패한다는 것을 알게 될 것입니다. 그러면 이 방법이 확실히 도움이 될 수 있습니다

 $(document).on('touchmove', function(e){
   e.preventDefault();
 })
로그인 후 복사

결론:

그렇습니다 내용을 모두 이해하지 못하더라도 양면을 이해한다면 혼자서도 쉽게 마스터할 수 있습니다!

관련 권장 사항:

JavaScript를 사용하여 WeChat 브라우저에서 풀다운 리바운드 효과를 비활성화합니다.

페이지 캐싱을 비활성화하는 방법은 무엇입니까?

H5를 사용하여 비활성화를 추가하는 방법은 무엇입니까? 확대/축소 기능

jQuery 모니터 수동 입력을 금지하는 코드 스캐닝 건 구현 방법

위 내용은 페이지 스크롤 비활성화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿