Tiêu đề Chú ý Bao gồm Văn bản Neo

Question

Tôi có tiêu đề dính nổi trên phần còn lại của trang. Khi tôi liên kết đến trang neo, tất nhiên là cuộn để neo nằm ở đầu trang. Tuy nhiên, khi điều này xảy ra, tiêu đề sẽ bao trùm văn bản bên dưới.

Có cách nào khác để sửa lỗi này không? Tôi không thể di chuyển neo xuống vì có nhiều người trong số họ trên trang và mỗi người có một số lượng văn bản khác nhau sau đây. Đầu tiên của tôi mặc dù bằng cách nào đó di chuyển đến một số chiều cao trên neo.

Cảm ơn, David

Answer 1

Các: mục tiêu phần tử giả có thể là những gì bạn đang tìm kiếm. Với: mục tiêu, bạn có thể giải quyết phần tử được chỉ ra bằng dấu #. Đọc thêm về nó here

Answer 2

Tôi chạy vào cùng một vấn đề, kết thúc thực hiện một quy tắc như vậy:

A.named:target { 
    display: inline-block; 
    height: 120px; 
    margin-top: -120px; 
} 

sau đó tôi áp dụng các lớp học "có tên là" đối với bất kỳ thẻ neo mà tôi muốn trình duyệt để di chuyển đến. Điều này cho phép thêm 120px khoảng trống giữa đầu trình duyệt và phần dưới của phần tử chứa neo - khoảng 80px cho tiêu đề và 40px khác để bù cho chiều cao của các tiêu đề H2 mà tôi liên kết đến ... Và, với margin tiêu cực hủy bỏ một tích cực, nó không ảnh hưởng đến giao diện của trang của tôi.

Hy vọng điều này sẽ hữu ích!