"examplelink.php # anchor"를 클릭하면 javascript가 작동하지 않습니다.

Question

I 정말로, 누군가가 도와 주길 바랍니다. 그렇게한다면 정말 고마워요! :)

내가 두 페이지 ... index.php를및 portfolio.php이라는 하나의 이름을 가지고있다. 내 헤더 (모든 페이지에서 동일)에는 portfolio.php 페이지 (portfolio.php # blogg)로 앵커가 다시 채워지는 앵커가 포함되어 있습니다.

는 또한 부드러운 스크롤 (모든 페이지에 작동합니다)를위한 자바 스크립트 코드를 가지고,하지만 난 다음 portfolio.php 다른 페이지에있을 때이 헤더 앵커 링크에서 작동하지 않습니다.

나는 자바 스크립트가 의 index.php 페이지에서 예를 눌러 "portfolio.php 번호의 blogg"의 때를 기능에 도착하기 위해 무엇을 할 수 있는가? Heres는

내 자바 스크립트 :

window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); }); 

Answer 1

음 .... 내가 제대로 이해하면 문제는 SmoothScroll 객체가되기 전에 다른 페이지에서 도착하면 브라우저가 조각 앵커 위치까지 이동한다는 것입니다 짐을 실은. 마음에 가장 먼저 떠오르는 것은 세션이나 쿠키를 사용하는 솔루션입니다.

사용자가 인덱스 페이지에 있고 #blogg 앵커로 스크롤해야하는 포트폴리오 링크를 클릭하는 경우 : 링크의 URL에 해시 태그 조각을 추가하는 대신 페이지를 스크롤해야 함을 나타내는 쿠키를 저장하십시오 포트폴리오 페이지의 상단에 직접 연결하십시오.

그런 다음 포트폴리오 페이지 domready 이벤트에서 SmoothScroll 개체를로드하고 쿠키가 있는지 확인한 다음 #blogg 앵커로 스크롤하고 쿠키를 제거합니다.

Answer 2

여기서 많은 정보를 제공하지는 않지만, SmoothScroll은 MooTools의 정보라고 가정합니다. 보기 : http://davidwalsh.name/mootools-onload-smoothscroll

window.addEvent(‘domready’, function() { 
    new SmoothScroll({ duration:700 }, window); 
    var el = window.location.hash.substring(1); // the hash 
    if(el) { 
     window.scrollTo(0,0); 
     var scroll = new Fx.Scroll(
      window, 
      { wait: false, duration: 700, transition: Fx.Transitions.Quad.easeInOut } 
     ); 
     scroll.toElement(el); 
    } 
});