JavaScript를 사용하여 Anchors_javascript 기술 간 원활한 점프 달성

많은 사람들이 Anchor에 익숙하다고 생각합니다. 이는 방문자가 페이지의 다른 위치로 빠르게 이동하고 관심 있는 콘텐츠를 직접 찾을 수 있도록 돕습니다. RSS가 전체 웹사이트의 요약이라면 앵커는 페이지의 요약입니다. . 일반적으로 페이지에 많은 콘텐츠가 포함되어 있으면 앵커 포인트를 사용하여 위치를 지정합니다.

그러나 앵커 포인트에도 문제가 있습니다. 일반적으로 앵커 포인트를 클릭하면 페이지가 즉시 대상 위치로 이동합니다. 그러나 이 기사에서 소개하는 방법은 앵커 포인트 사이를 원활하게 점프합니다. ), 효과가 매우 좋습니다.

코드 복사 코드는 다음과 같습니다.

🎜>


호출 방법 :




코드 복사


코드는 다음과 같습니다

scroller(el, Duration)
el : 대상 앵커 ID
duration : 기간, 밀리초 단위, 작을수록 빠름

HTML:

코드 복사

코드는 다음과 같습니다.

header_1 --> header_4

header_2 --> header_5

header_3 --> header_6

header_4 --> header_7

header_5 --> header_3

header_6 --> header_2

header_7 --> header_1

测试代码：

复代码 代码如下:

 

Javascript를 사용하여 앵커 구현 포인트(앵커) 부드러운 점프

                                                                                          ********************************* 예제 코드 시작****************** *******************-->

    
    header_1 --> header_4
    

    
    header_2 --> header_5
    

    
    header_3 --> header_6
    

    
    header_4 --> header_7
    

    
    header_5 --> header_3
    

    
    header_6 --> header_2
    

    
    header_7 --> header_1
    

    

    

返回 首页