Java 코드로 微信 페이지 스크롤 방지(핵심 코드)

웹에서 페이지가 상단 또는 하단으로 슬라이드할 때, 위쪽에 나타나는 위죽의 검은색 바를 방지할 수 있는 코드를 찾았습니다. 아래에서는 핵심 코드를 공유하여 모두에게 참고를 드립니다!

제 핵심 코드:

prevent:function () {
var startX = 0, startY = 0;
//touchstart 이벤트
function touchSatrtFunc(evt) {
try
{
//evt.preventDefault(); //탐지 시 브라우저의 확대, 스크롤 등을 방지
var touch = evt.touches[0]; //첫 번째 탐지점 가져오기
var x = Number(touch.pageX); //페이지 탐지점 X 좌표
var y = Number(touch.pageY); //페이지 탐지점 Y 좌표
//기록할 탐지점 초기 위치
startX = x;
startY = y;
} catch (e) {
alert('touchSatrtFunc：'; + e.message);
}
}
document.addEventListener('touchstart', touchSatrtFunc, false);
var _ss = document.getElementById("contain");
_ss.ontouchmove = function (ev) {
var _point = ev.touches[0],
_top = _ss.scrollTop;
// 끝에 언제 도달할까요?
var _bottomFaVal = _ss.scrollHeight; - _ss.offsetHeight;
// 끝에 도달
if (_top === 0) {
// 하향 스크롤 방지
if (_point.clientY > startY) {
ev.preventDefault();
} else {
// 버블링 방지
// 정상적으로 실행
ev.stopPropagation();
}
}
// 끝에 도달
// 상향 스크롤 방지
if (_point.clientY < startY) {
ev.preventDefault();
} else {
// 버블링 방지
// 정상적으로 실행
ev.stopPropagation();
}
} else if (_top > 0 && _top < _bottomFaVal) {
ev.stopPropagation();
} else {
ev.preventDefault();
}
};
}

위 코드는 편집자가 여러분에게 소개한 위챗 페이지 스크롤 방지 핵심 코드입니다. 코드는 간단하며, 여러분에게 도움이 되길 바랍니다. 어떤 질문이든 댓글을 남겨 주시면, 편집자가 즉시 답변을 드리겠습니다!

선언: 이 글의 내용은 인터넷에서 가져왔으며, 원저자의 소유입니다. 내용은 인터넷 사용자가 자발적으로 기여하고 업로드한 것이며, 이 사이트는 소유권을 가지지 않으며, 인공 편집 처리를 하지 않았으며, 관련 법적 책임도 부담하지 않습니다. 저작권 위반된 내용을 발견하면, notice#w로 이메일을 보내 주시기 바랍니다.3codebox.com（보내실 때, #을 @으로 변경해 주세요. 신고를 하시고, 관련 증거를 제공해 주세요. 사실이 확인되면, 이 사이트는 즉시 위반된 내용을 삭제합니다.）