2012-11-01 5 views
1

의 다른 사업부에 영향을 미치지 않도록 스크롤 사업부를 얻으려고 노력 그래서 여기 내 HTML입니다 :아이폰

<!DOCTYPE html> 
<html> 
<head></head> 
<body> 
    <a id="x" href="#" style="position:fixed; top:0; right:10px;">Switch</a> 
    <div id="a"> 
     <p>Huge paragraph 1</p> 
    </div> 

    <div id="b" style="display:none;"> 
     <p>Huge paragraph 2</p> 
    </div> 

    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script> 
     $('#x').click(function() { 
      $('#a').toggle(); 
      $('#b').toggle(); 

      return false; 
     }); 
    </script> 

</body> 
</html> 

문제는 그건 내가 제 1 항을 통해 중간 스크롤 한 다음 스위치 링크를 명중 한 가정 해 봅시다이다. 이제 2 단락을 살펴 봅니다. 단락 2를 스크롤 한 다음 단락 1로 다시 전환한다고 결정하면 전환을 시도합니다. 문제는 내가 1 단락으로 다시 전환 할 때, 나는 원래의 중간 지점과 완전히 다른 지점에 있다는 것입니다. 어떻게하면 각 div의 스크롤을 기본적으로 자신의 해당 콘텐츠를 스크롤 할 수 있도록 내가 전환했다면 나는 이전에 중단했던 곳에서 계속할 수 있습니까?

+0

, 모바일 장치에서 div의 스크롤 매우 잘 작동하지 않는 것 (일부는'오버 플로우를 무시 .) 휴대 기기에서 div를 스크롤하려면 http://cubiq.org/iscroll-4를 사용했습니다. –

+0

플러그인을 사용하지 않는 솔루션을 생각해 볼 수 있습니까? :) –

+0

jsfiddle를 만들 수 있습니까? –

답변

0

여기 내 질문이 있습니다.

Update anchor tag as you scroll past an element in a div

그리고 누군가가 완벽하게 작동하는 응답이로 대답했다. 각 div의 각 지점이 저장되어 전환 버튼으로 전환되도록 할 수 있습니다.

http://jsbin.com/ezexaf/1/edit

+0

이것은 추측입니까 아니면 실제로 휴대 전화에서 작동합니까? 이 솔루션은 나를 위해 작동하지 않기 때문에 나는 묻고있어. –

+0

내 업데이트를 확인하십시오! 나는 비슷한 질문을했고 이것은 당신이 요구하는 바로 그 것이기 때문에 당신을 도울 것입니다. –

1

열쇠는 당신이 당신의 요소를 전환 직전 body 요소에 scrollTop을 저장하는 것입니다.

일단 값을 저장하면 매번 다시 값을 설정하기 만하면됩니다.

Heres는 신속하고 더러운 구현 : scroll` 심지어 DIV 스크롤을하지 않습니다 내 경험에서 http://jsbin.com/efijey/1/edit

+0

나는 이것 역시 생각했지만 CSS를 사용하는보다 우아한 방법이 있기를 바랬다. 분명히 http://stackoverflow.com/questions/6887112가이 문제를 해결합니다. –