FF의 앵커 태그 문제. hidden div 타겟팅하기

외부 페이지에서 방문 페이지의 탭 div까지 Firefox 및 앵커 링크에 문제가 있습니다. IE는 이것을 정확하게 렌더링하는 반면, FF와 Chrome은 둘 다 사용자를 실제 앵커 태그보다 다소 위나 아래의 위치로 보냅니다. 나는 원래의 코드를 작성하지 않았지만,이 문제를 일으키는 FF 버그 나 솔루션을 많이 찾을 수 없습니까?FF의 앵커 태그 문제. hidden div 타겟팅하기

시작 링크 :가로드 된 후 http://www.washington.edu/students/gencat/academic/sis.html#INTSTUDUG

출처

2011-03-08 Biff

두 브라우저에서 발생하는 경우 FF의 버그 일 수 없습니다. 14 개의 HTML 오류가있어 DOM에서 구문 분석 문제가 발생했을 수 있습니까? – Rob

일부 자바 스크립트가 페이지의 레이아웃을 변경한다. 브라우저에서 자바 스크립트를 사용 중지하면 FF와 Chrome 모두 제대로 작동합니다.

출처

2011-03-09 00:06:43 Dimitry

페이지가로드되면 개요 섹션이 사라집니다. 브라우저가 올바른 위치에 있지만 페이지가 변경됩니다. – Dimitry

자바 스크립트와 관련이 있습니다. 앵커가 페이지의 특정 위치로 이동하면 자바 스크립트는 페이지 상단의 div를 더 크게 만드는 탭을 변경합니다. 이것은 페이지가 스크롤 된 후 발생합니다. 그러면 앵커에서 벗어날 수 있습니다.

페이지를 JS로로드하는 것을 시도해보십시오. 그리고 JS가 꺼지면, 무슨 뜻인지 알 수 있습니다.

해결 방법? 다음과 같이 jQuery를 사용하여 문서 준비 함수에서 앵커로 스크롤 할 수 있습니다.

$(function() { 
    var anchor = $('a[name="' + window.location.hash.replace('#', '') + '"]'); 
    if(anchor) { 
     $('html, body').animate({scrollTop: anchor.offset().top}); 
    } 
});

약간 해킹이 수정되었지만 작동합니다. 더 나은 방법은 JS가 문서의 레이아웃을 변경하지 않도록하는 것입니다.

출처

2011-03-09 00:31:08

FF의 앵커 태그 문제. hidden div 타겟팅하기

답변

관련 문제