iOS 시스템에서 H5 페이지 롤백 효과(고무줄 효과)로 인한 관통 문제 해결

768 단어 모바일 웹
이동단을 개발할 때 H5의 긴 페이지가 iOS 시스템에서 미끄러질 때 페이지가 맨 윗부분이나 밑부분으로 미끄러질 때 페이지가 미끄러지거나 미끄러지고 손가락이 화면을 떠난 후에 튕긴다. 그러면 고무줄 효과가 나타난다. 단순히 이 효과는 문제가 없지만 H5페이지에 우호적이지 않아 관통을 초래하여 H5페이지가 절단된 가상이 나타난다.
많은 문장을 참고한 후에 저는 다음과 같은 방법을 채택하여 직접 측정하여 사용했습니다.
플러그인 inobounce 사용하기 (단 ios시스템에만 적용되며 안드로이드는 적용되지 않음)
플러그인을 다운로드하려면 다음과 같이 하십시오.
npm install inobounce -s

처리할 페이지에 다음 코드를 추가합니다.

import inobounce from 'inobounce'
export default {
  data() {
    return {  }
  },
  mounted() { },
  created() {
    let u = navigator.userAgent
    if (u.indexOf('iPhone') > -1) {
      inobounce.enable()
    }
  },
  beforeDestroy() {
    inobounce.disable()
  },
  methods: { }
}

완벽하게 해결할 수 있다.

좋은 웹페이지 즐겨찾기