페이지 하단의 "맨 위로 가기"링크를 추가하는 방법에 대한 조언이 필요하지만 페이지가 브라우저 창 크기보다 긴 경우에만 조언이 필요합니다.긴 페이지의 페이지 링크 상단으로 이동
알고리즘은 다음과 같습니다
(Assumin g 순수 자바 스크립트, IE6에서도 작동합니다. 어떤 JS 라이브러리도 사용하고 싶지 않습니다.)
흠 ... body.scrollTop! = 0을 감지하면 페이지가 브라우저의 뷰포트보다 높은 것입니다. "Go to top"요소를 항상 페이지의 일부로 만들지 만 표시 상태는 body.scrollTop! = 0인지 여부에 따라 달라집니다. body.scrollTop! = 0인지 여부를 확인하려면 100ms마다 값을 폴링해야합니다 말하자면, 그것이 0인지, "Go to top"객체의 display 속성을 "none"또는 "none"으로 설정하십시오.
"Go to top"요소 자체가 전반적인 페이지 높이에 추가되므로 약간의 성가심이있을 수 있습니다. 이 경우 'display'대신 'visibility'속성을 사용하는 것이 더 나은 선택 일 수 있습니다.
편집 : 방금 발견했습니다 (멀웨어 링크가 제거되었을 수 있음). 위와 함께 사용하면 유용 할 수 있습니다.
마치 당신이 옳은 길을 걷고있는 것처럼 보입니다. 지금까지 시도한 코드를 게시 할 수 있습니까? –