2014-07-23 1 views
0

나는 컴퓨터에서 잘 작동하는 함수를 만들었습니다. 그러나 모바일에서는 스크롤이 중지 될 때만 위치가 새로 고쳐집니다. 그것의 알려진 문제 및 나는 대답을 발견했다 그러나 나는 나의 기능 일에서 그것을 얻지 않았다. 어쩌면 당신 중 하나가 나를 도울 수 있습니다.이 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) 
    } 
}); 

와 내가 내 기능으로 대체해야하는이 발견 인터넷에

누군가 내 기능을 재 작성하여 모바일에서 원활하게 작동 할 수 있다면.

편집

나는이 함수가하는 일 곧 설명한다. 내 페이지를로드 할 때 헤드 라인이있는 검은 색 화면이 있습니다. 다른 건 없어. 위로 스크롤하면 제목이 정상에 도달 할 때까지 정상적으로 올라와야합니다. 상단에 도달하면 "위치 : 고정"속성을 얻습니다. 아래로 스크롤하면 '위치 : 상대적'속성이 다시 나타납니다. 다른 일은 일어나지 않아야한다. 그러나 모바일에서는 스크롤이 중지 될 때까지 텍스트가 위로 스크롤됩니다 (대부분 텍스트를 화면 밖으로 스크롤). 고정 된 위치에 팝업됩니다. 그러나 모든 것이 고쳐 졌을 때 그것은 괜찮습니다.

답변

1

문제가 scrollTop이 아닌 고정 된 위치에있을 수 있습니다. 고정 위치 요소는 모바일 환경에 매우 적합하지 않습니다. 동작은 모바일 장치 및 OS에 따라 다릅니다.

더 많은 정보 : http://bradfrostweb.com/blog/mobile/fixed-position/

+0

나는 어떤 일이 일어날 지 설명하는 게시물을 업데이트했습니다. – kruben

+0

나는 진짜로 좋은 대답이 필요하다. – kruben