2014-02-18 3 views
0

저는 jquery를 사용하면서 일상적으로 조금 익숙해졌습니다. 나는이 웹을 검색하는 많은 문제를 해결했지만 이것에 대한 해결책을 찾을 수없는 것 같습니다.전환 추가로드 후 페이지 앵커로 이동

웹은 현재 페이지 앵커를 많이 사용합니다.

jquery 라이브러리로 localscroll 및 scrollto가 있습니다.

나는이 작은 스크립트로 전환 애니메이션 :

<script type="text/javascript">   
    $(document).ready(function() { 
     $('.scrolllento').localScroll({ duration: 1000 }); 
    }); 
</script> 

을 그리고 내가 내 링크의 cointainer에 클래스 "scrolllento"를 추가 무엇이든지 잘 작동합니다.

이제 문제는 링크가 다른 페이지 내부의 앵커로 점프하는 것입니다. 내 클라이언트가 페이지를 먼저로드 한 다음 동일한 웹 전환으로 앵커로 이동할 수 있는지 여부를 묻습니다.

내 작은 knowdlege와 함께 작업 한이 내가 기압이 무엇 :

<script type="text/javascript"> 

    $(document).ready(function() {    
     var nosalto = $(location).attr('href'); 
     if (nosalto.indexOf("HistoriaBMG") > 0) { 
      $.fn.gotoAnchor = function (anchor) { 
       location.href = this.selector; 
      } 
      $('#historia').gotoAnchor(); 
     }    
    }); 
</script> 

"HistoriaBMG는"새 페이지와 "#historia"입니다 내가 그 안에 가고 싶은 앵커 페이지.

그것은 다시 작동하는 것 같다 ...

문제는 내가 어떻게 지금 ../HistoriaBMG이가는 링크의 컨테이너 클래스 "scrolllento"로 전환을 구현하는 아무 생각이 없다

무시.

아무도 도와 줄 수 있습니까? 미리 감사 드리며 제 영어를 변명하십시오.이 질문이 충분히 명확하길 바랍니다.

답변

1

에 따르면 localScroll docs :

플러그인은 또한 주소 표시 줄에 URL을 확인하는 기능, $ .localScroll.hash()를 추가하고, 해시 (#an_id)이 있다면, 그것을 요소로 스크롤합니다. $ .localScroll과 마찬가지로 설정의 해시를 허용합니다. 문서 준비가되면 전화 할 것입니다. 실제 사례를 보려면 일반 사례를 확인하십시오.

그래서 당신은 단순히 놀라운 $(document).ready()

+0

$.localScroll.hash()를 호출해야합니다. 배울 것을 요구하기 전에 몇 시간을 낭비하는 것 같지만 해결책이 아주 간단 할 때 나는 바보처럼 느껴집니다. 정말 고마워 –