정지 스크롤 페이지 스크롤 사업부

나는이 방문 페이지를 만드는거야 : ("Organizador"거기에 라벨과 "Participante"검은 레이블 하나의 화이트) 두 갤럭시 S3에 위치해 있습니다 http://tag4share.com/landing/#정지 스크롤 페이지 스크롤 사업부

, I 페이지 스크롤을 멈추고 모바일 (iFrame, div, 뭐든지) 내에서 콘텐츠 스크롤을 자동으로 시작하고 싶습니다.

가능합니까?

기본적으로 div 내에서 스크롤하는 것을 "집중"하고 싶습니다 (커서가 커서를 가리키지 않아도 작동하도록 만듭니다). 또는 몸을 스크롤하지 않고 스크롤하면서 움직입니다. 온 http://www.google.com/nexus/5/

예

"당신은 중요한 순간을 포착하기 위해 필요한 모든 정보를 얻을 수 있습니다." 부품.

내 시도 :

var lastScroll; 
var currentScroll = $(window).scrollTop(); 

$(window).scroll(function() { 

    lastScroll = currentScroll; 
    currentScroll = $(window).scrollTop(); 

    if($(window).scrollTop() >= 2024 && $(window).scrollTop() < 2500) 
    { 
       var difference = currentScroll - lastScroll; 
     $(".main").css({"margin-top":"-="+currentScroll}); 
    } 
    });

나는 스크롤과 함께 주요 사업부를 이동하려고했습니다. 그것은 작동하지만 정말 이상하게 보입니다 (계속 흔들림).

감사합니다.

출처

2013-11-03 Maurício Giordano

문제는 다음과 유사합니다. http://stackoverflow.com/questions/9328273/lock-mousewheel-scroll-to-focus-div – Cosades

분명히 사람들이 코드를 작성하지 않을 것으로 기대합니다. 아무것도 시도한거야? 'scroll ', function() {});'을 사용하여 윈도우의 스크롤을 감지 할 수 있습니다. 그러면 브라우저를 계속해서 상단으로 이동하고 div를 스크롤하여 크기를 계산할 수 있습니다. 사용자가 스크롤했습니다. –

게시물을 편집했습니다. –

난 그냥 등 코드 태드, 고정 들여 쓰기 당신의 위치를 명중 할 때 실제로 DIV 스크롤에 관해서는

, 당신은 당신이 도달 알면, 실제로 scrolling 효과를 모방하기 위해 animate를 사용을 정돈 한

아래쪽에 스크롤 기능 내에서 다른 if 문을 넣어 스크롤 위치 재설정을 중지 할 수 있습니다.

var lastScroll; 
var scrollPosition = $(window).scrollTop(); 
var reachedBottom = false; 
var phonePositionTop = $('#phoneContainerID').position().top; 
var phonePositionBottom = phonePositionTop + $('#phoneContainerID').height(); 

$(window).scroll(function() { 

    if(scrollPosition >= phonePositionTop && scrollPosition < phonePositionBottom && reachedBottom == false){ 
     var difference = currentScroll - lastScroll; 
     // Keep resetting scroll to the phoneContainerTop position 
     $(".main").css({"margin-top": phonePositionTop}); 
     var scrollLimit = -100; 
     if ($('#phoneContainerID').position().top < scrollLimit) { 
      //Once the scroll limit is less than -100 (scrolled up 100 pixels) 
      // Disable our 'pause' effect, and continue 
      reachedBottom = true; 
     } 

    } 
});

나는 이것을 테스트하지 않았지만 여기서부터 어디로 가야할지 생각해 보았습니다.

조금 도와줬으면 좋겠다.

출처

2013-11-03 22:38:55

정지 스크롤 페이지 스크롤 사업부

답변

관련 문제