2012-09-12 2 views
0

제목에서 알 수 있듯이 다른 페이지의 일부 섹션으로 이동하는 링크를 클릭하면 해당 섹션이 맨 위로 스크롤됩니다. 또한 jquery를 사용하지 않으려 고합니다. html 만 사용하고 싶습니다. 감사!링크를 클릭하면 다른 페이지의 일부 섹션으로 스크롤됩니다.

<TABLE cellspacing="11px" style="margin-left:3px"> 
       <TR> 
        <TD><A href="detail.html#patents">PATENT</A></TD> 
        <TD><A href="detail.html#trademarks">TRADEMARKS</A></TD> 
        <TD><A href="detail.html#ipLawAndPolicy">IP LAW & POLICY</A></TD> 
        <TD><A href="detail.html#productsAndServices">PRODUCTS & SERVICES</A></TD> 
        <TD><A href="detail.html#inventors">INVENTORS</A></TD> 
        <TD><A href="detail.html#newsAndNotices">NEWS & NOTICES</A></TD> 
        <TD><A href="detail.html#faqs">FAQs</A></TD> 
       </TR> 
      </TABLE> 

다음 대상 페이지의 코드입니다 :

http://www.ezineasp.net/post/HTML-Anchor-Bookmark-Tag-Links.aspx http://www.freewebmasterhelp.com/tutorials/html-basics/4

+0

을 뜻 * 애니메이션 * 스크롤? 아니면 그냥 팝!, 콘텐츠의 해당 섹션으로 이동? –

답변

0

그것은 소리는 원래의 페이지에서 코드는 다음과 페이지의 특정 섹션으로 이동하려는 경우 대상에서 다음 코드를 사용하십시오.

<a name="targetName"/> 

그리고 targetPage.html # targetName에 연결하십시오. 여기서 targetName은 연결하는 섹션에 적합한 것을 사용하는 예제입니다.

대상 페이지의 하단에 공백을 추가해야 할 경우 (</body> 전) 페이지 하단에 다음을 추가과 같이 할 수 있습니다 : "스크롤"으로

<div style="height: 1000px"></div> 
+0

안녕하세요, 스티브, 답변 주셔서 감사합니다.하지만 제 문제는 특정 섹션을 맨 위로 이동하고 두 번째 페이지의 콘텐츠가 전체 화면에 맞지 않게하려는 것입니다. –

+0

페이지의 일부분을 이동 하시겠습니까? 맨 위에 원하는 섹션이있는 여러 페이지가있는 것은 어떨까요? –

1

: 당신이 HTML 즐겨 찾기 필요한 것처럼

<BODY> 
     <P id="patents">PATENTS</P> 
     <HR /> 
     <P id="trademarks">TRADEMARKS</P> 
     <HR /> 
     <P id="ipLawAndPolicy">IP LAW & POLICY</P> 
     <HR /> 
     <P id="productsAndServices">PRODUCTS & SERVICES</P> 
     <HR /> 
     <P id="inventors">INVENTORS</P> 
     <HR /> 
     <P id="newsAndNotices">NEWS & NOTICES</P> 
     <HR /> 
     <P id="faqs">FAQs</P> 
    </BODY> 
+0

안녕하세요 epsaion, 답변 주셔서 감사합니다,하지만 내 문제는 특정 섹션을 가기로 이동하고 두 번째 페이지의 내용이 전체 화면에 맞지 않습니다. –

+0

이렇게하려면 페이지 아래쪽에 공백을 추가해야합니다. – epsalon

관련 문제