특정 div 스크롤

텍스트 콘텐츠가 포함 된 세 개의 div가있는 html 페이지가 있습니다. 사용자가 홈 페이지에서 클릭하는 링크에 따라 특정 div로 스크롤하고 싶습니다.특정 div 스크롤

홈 페이지에는 세 개의 링크가 있습니다. 그래서 내가 원하는 것은 사용자가 링크 1을 클릭하면 결과 페이지에서 div 1로 스크롤되고, 홈 페이지에서 링크 2를 클릭하면 결과 페이지에서 div 2로 스크롤됩니다. 특정 장소에 현재 문서를 스크롤하려면

출처

2012-07-08 user1510326

하지 name 속성에 응답 할 것입니다, JS 또는 CSS가 아닙니다. W3Schools의 'name' 속성에 대해 읽으십시오 : [HTML Links] (http://www.w3schools.com/html/html_links.asp). 이미 언급했듯이 모든 최신 브라우저에서'id' 속성을 사용할 수 있습니다. – merv

안녕하세요. 친절하게 Google에 여기에 귀하의 질의를 게시하기 전에 google. – gopi1410

** animated ** scroll : http://stackoverflow.com/questions/6677035/jquery-scroll-to-element – Kerstomaat

는 HREF의 값은 앞에 # 기호가 스크롤 할 수있는 앵커, 의 이름이어야합니다. 앵커에서 다른 문서를 열려면 문서의 URL 뒤에 #을 붙이고 앵커의 이름을 지정하십시오.

앵커 태그로 책갈피를 사용

<a href="results.html#first-div">First</a> 
<a href="results.html#second-div">Second</a> 
<a href="results.html#third-div">Third</a>

당신은 적절한 요소 아이디에 '#'기호 다음 값을 대체 할 것입니다.

참조 : http://devedge-temp.mozilla.org/library/manuals/1998/htmlguide/tags7.html

출처

2012-07-08 17:23:17 RobB

쉬운 방법은 Fragment Identifier을 사용한다. 링크를 만들 때마다 스크롤 할 요소의 ID를 링크 끝 부분에 첨부하십시오.

link.html#divToScrollTo

사용 예 : 예를 들어

<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>

이 링크를 클릭하면 브라우저는 먼저 link.html로 이동합니다 다음 divToScrollTo 링크가 포함 된 요소로 스크롤합니다.

출처

2012-07-08 17:24:56 Starx

@Downvoter, 몇 가지 의견을 남겨주세요. – Starx

+1 답안과 균형을 잡는 downvote – Jashwant

대부분의 모든 새로운 브라우저는 앵커 대상으로 ID를 지원하는 경우

<div id="div1">...</div>

이 <a href="page2.html#div1">...</a>

뿐만 아니라 이것은 기본 HTML입니다

출처

2012-07-08 17:29:24 mplungjan

특정 div 스크롤

답변

관련 문제