앵커 목록이있는 페이지가 있습니다. 탐색이 클릭되면 각 앵커의 컨텐츠가 창 상단에 표시됩니다.마지막 앵커 페이지 끝의 빈 공간
그러나 마지막 앵커의 경우 페이지 끝에 콘텐츠가 충분하지 않기 때문에 콘텐츠가 페이지 상단으로 이동하지 않습니다. 따라서 빈 공간을 추가해야하는데, 이는 다양한 크기의 창에 문제를 만듭니다.
어쨌든 빈 공간이 없으면 문제를 해결할 수 있습니까?
감사합니다.
앵커 목록이있는 페이지가 있습니다. 탐색이 클릭되면 각 앵커의 컨텐츠가 창 상단에 표시됩니다.마지막 앵커 페이지 끝의 빈 공간
그러나 마지막 앵커의 경우 페이지 끝에 콘텐츠가 충분하지 않기 때문에 콘텐츠가 페이지 상단으로 이동하지 않습니다. 따라서 빈 공간을 추가해야하는데, 이는 다양한 크기의 창에 문제를 만듭니다.
어쨌든 빈 공간이 없으면 문제를 해결할 수 있습니까?
감사합니다.
아니요 ... 페이지의 길이가 충분하지 않은 경우 명명 된 앵커를 클릭하면 뷰포트로 가져옵니다. 1 톤의 패딩이 없으면 요소가 페이지 상단으로 이동하지 않습니다.
페이지 맨 아래에 여러 개의 채우기를 추가하는 대신, 선택한 요소를 클릭 한 후 사용자의 시선을 끌기 위해 시각적 큐를 사용할 수 있습니다.
:target
pseudoclass를 사용하면 URL의 해시 부분에 해당하는 고정 요소를 스타일 지정하여 사용자에게 고정 요소를 눈에 띄게 할 수 있습니다.
또한 일부 웹 사이트에는 콘텐츠 영역 끝에있는 앵커까지도 페이지를 스크롤 할 수있는 거대한 (저작권, 면책 조항, 아카이브 링크 등) 높이가있는 바닥 글이 있습니다.
코드 또는 jsfiddle이 필요합니다. – freefaller