나는 컴퓨터에서 잘 작동하는 함수를 만들었습니다. 그러나 모바일에서는 스크롤이 중지 될 때만 위치가 새로 고쳐집니다. 그것의 알려진 문제 및 나는 대답을 발견했다 그러나 나는 나의 기능 일에서 그것을 얻지 않았다. 어쩌면 당신 중 하나가 나를 도울 수 있습니다.이 scrollTop 함수를 모바일 친화적으로 만드는 방법
내 기능 :
$('body').on({
'touchmove': function(e) {
console.log($(this).scrollTop()); // Replace this with your code.
}
});
또는이 :
이$('body').bind('touchmove', function(e) {
console.log($(this).scrollTop()); // Replace this with your code.
});
그것은 좋은 것
$(window).scroll(function() {
if ($(window).scrollTop() >600) {
$('#logo').css('position', "fixed");
$('#logo').css('top', 0);
}
else if($(window).scrollTop() < 600) {
$('#logo').css('position', "relative");
$('#logo').css('top', 600)
}
});
와 내가 내 기능으로 대체해야하는이 발견 인터넷에
누군가 내 기능을 재 작성하여 모바일에서 원활하게 작동 할 수 있다면.편집
나는이 함수가하는 일 곧 설명한다. 내 페이지를로드 할 때 헤드 라인이있는 검은 색 화면이 있습니다. 다른 건 없어. 위로 스크롤하면 제목이 정상에 도달 할 때까지 정상적으로 올라와야합니다. 상단에 도달하면 "위치 : 고정"속성을 얻습니다. 아래로 스크롤하면 '위치 : 상대적'속성이 다시 나타납니다. 다른 일은 일어나지 않아야한다. 그러나 모바일에서는 스크롤이 중지 될 때까지 텍스트가 위로 스크롤됩니다 (대부분 텍스트를 화면 밖으로 스크롤). 고정 된 위치에 팝업됩니다. 그러나 모든 것이 고쳐 졌을 때 그것은 괜찮습니다.
나는 어떤 일이 일어날 지 설명하는 게시물을 업데이트했습니다. – kruben
나는 진짜로 좋은 대답이 필요하다. – kruben