페이지 상단으로 돌아가기 버튼은 앵커포인트(자체작성)_javascript 스킬을 통해 구현됩니다.

작은 일을 깨닫고 8월 7일에 현재 회사에 입사했습니다. 소방대원으로 합류한 것 같습니다. 새로운 모듈 개발을 시작한 것은 아니지만 이미 온라인 모듈에서 새로운 요구 사항을 구현하고 있습니다. , 때로는 일부 사용자가 제정신이 아닌지 정말로 묻고 싶고 그들이 내놓은 요구는 사람들을 세 번 웃게 만들려는 것뿐입니다. . . 다행히 프로젝트팀에서 요구사항을 처리하는 언니가 업무 경험이 풍부하고 사용자들과 잘 조율할 수 있어서 우리 개발자들은 그렇게 어렵지 않아요~

사용자들이 시스템을 사용할 때 많은 어려움이 있을 거예요~ 하지만 폼 조작은 길고 긴 풋 랩인 경우가 많습니다~

그래서 페이지 상단으로 돌아가려면 상단 버튼이 필요합니다~

온라인 방법은 많지만, 너무 번거롭습니다. 판단은 하나이고 포지셔닝은 하나다. 한마디로 너무 번거롭다~ 때로는 이전 코드를 사용하는 것이 시간을 절약할 수 있지만, 불필요한 불필요한 문제를 일으키지 않도록 시스템 성능을 기반으로 고려해야 한다. 부담에도 불구하고 상단 버튼을 직접 작성하기로 했습니다~

페이지 상단의 태그에 앵커 포인트를 추가하세요. 🎜>

코드 복사 코드는 다음과 같습니다. a id="_top">

끝에 js 코드 추가(div로 구현됨):

코드 복사

코드는 다음과 같습니다:


div가 항상 페이지 오른쪽 하단에 위치하도록 CSS 스타일을 설정합니다.

코드 복사

코드는 다음과 같습니다. #form_top{display:block; 3px; 오른쪽:3px; 위치:고정;} .top_img{

배경 이미지: url("img/top.png")

너비: 40px; 🎜>cursor: 포인터
}


마지막으로 jsp 페이지 CSS 스타일로 소개하는 것을 잊지 마세요.

렌더링: