2012-04-16 4 views
1

저는 여기에 절대적으로 붙어 있으며 여기 누군가가 대답을하기를 희망합니다.Anchor-Div는 Firefox에서 올바른 위치로 스크롤하지 않습니다.

ok - 최종 목표는 다른 페이지로 리디렉션되고 특정 DIV의 시작 부분에 배치됩니다. ID가 첨부 된 DIV를 가리키는 앵커 태그를 사용하고 있습니다. 파이어 폭스를 제외한 모든 브라우저에서 제 코드가 작동합니까 ?? 2 페이지의 내용

<a href="/home/services#design"> 
     <%= image_tag "Read_More_Button.png", :alt => "", :style => 
     "position:relative; left:-10px"%> 
    -close a tag 

사업부 : 페이지 하나에

링크

<div id='design' class='left clear_right '> 
     more <div>'s nested and a unordered list. black as well. 
    -close div tag 

내 설정/routes.rb의 경로 :

get "home/services" => "home#services" 

이 방법을 보려면 현재 작동 중입니다. 온라인 버전 링크를 참조하십시오.

[website_link] http://mearsinteriors.co.uk/

클릭 "웹 사이트를 보려면 여기를 클릭"디자인 또는 fitout '자세히 알아보기'버튼을 당신은 당신이 DIV하지만 경로/URL을 하나의 상부로 이동하지 않는 것을 확인할 수 있습니다 주소 표시 줄에이 위치를 올바르게 가리키고 있습니까? 이것은 Firefox에서만 발생합니다. 안전 모드에서 시도하고 모든 추가 기능을 비활성화했지만 여전히 아무것도 사용하지 않습니다.

어떤 adice 또는 방향이라면 크게 감사 할 것입니다. 덕분에

+0

이것은 이상합니다! 이상하게도 두 링크 모두 페이지의 동일한 위치로 스크롤됩니다. 자바 스크립트를 사용 중지하면 문제가 해결됩니다. .js 파일은 축소되어 있으므로 내용을 볼 수 없지만 스크롤이 엉망인 내용이 있습니다. – wzub

+0

당신은 내 문제를 해결했는데 왜 그런지 모르겠습니다. 이것이 제가 한 일입니다. 은 자바 스크립트를 주석 처리하고 내 대형 이미지 (5 개는 다른 하나 아래에 표시됨)를 보았습니다. 이제 마지막 이미지의 아래쪽 위치는 더 많은 링크를 클릭하면 페이지가 두 번째 페이지로 스크롤되는 것과 같은 위치에서 반올림됩니다. img_tags를 컨테이너없이 (스팬 태그 없음) 나열했습니다. 스팬 태그를 추가하면 바로 ... bam! 매력처럼 일했다. 감사합니다. 귀하의 의견은 저의 솔루션으로 이어졌습니다. 고마워. – user1230795

답변

1

이것은 내가 사용했던 Jquery주기 라이브러리였습니다. 각 이미지의 컨테이너는 여전히 페이지 위에 간격을두고 있습니다. 이미지가 보이지 않더라도 div는 여전히있었습니다. 따라서 앵커가 지시하는 정확한 위치로 페이지가 스크롤되는 이유입니다.

+0

당신이 그것을 알아 낸 것을 기쁘게 생각합니다! 그래서 당신은 당신의 이미지를''태그로 감싸고 시정을 고쳤습니다, 맞습니까? 이것을 해결책으로 표시 할 수 있습니다 :) – wzub

관련 문제