Thêm liên kết neo cuộn trang nội bộ (Same-Page Scrolling Anchor Links)
Đây là tính năng cao cấp và có sẵn trong phiên bản 4.0.1+
Liên kết neo cuộn cùng trang là các liên kết trỏ đến một vị trí cụ thể trong cùng một trang. Khi bạn nhấp vào liên kết cùng trang, trình duyệt của bạn sẽ cuộn tới khu vực được trỏ đến.
Bạn cần hai thứ để tạo liên kết neo cùng trang:
- Một class tùy chỉnh hoặc một ID tùy chỉnh trên một phần tử, và
- Một liên kết hoặc nút tham chiếu đến class hoặc ID tùy chỉnh đó
1. Một class tùy chỉnh hoặc một ID tùy chỉnh trên một phần tử
Chọn bất kỳ phần tử nào ở gần cuối trang của bạn và sau đó mở thuộc tính của nó. Trong khu vực nâng cao, thêm một class tùy chỉnh hoặc ID tùy chỉnh có tên ” go_here“
2. Một liên kết hoặc nút tham chiếu đến class hoặc ID tùy chỉnh
Bây giờ hãy tạo một liên kết hoặc thêm một phần tử nút ở đâu đó gần đầu trang của bạn. Thay vì thêm một URL làm liên kết, hãy sử dụng ” .go_here” (với dấu chấm) nếu bạn đã thêm “go_here” dưới dạng class tùy chỉnh; hoặc sử dụng “#go_here” (với dấu thăng) nếu bạn đã thêm nó dưới dạng ID tùy chỉnh.
Sau khi bạn lưu trang của mình, khi bạn nhấp vào liên kết/nút của mình, trang sẽ cuộn mượt mà về phía phần tử ở cuối trang của bạn.
Bạn cũng có thể sử dụng cách này để nhắm mục tiêu các liên kết neo có tên (named anchors)
Các liên kết neo có tên chẳng hạn như
<a name="go_here"></a>
cũng có thể được nhắm mục tiêu bằng cách thêm một liên kết đến “#go_here” (với dấu thăng)
Các mục đích sử dụng khác
Bạn cũng có thể nhắm mục tiêu bất kỳ khu vực nào khác trong trang của mình, thậm chí bên ngoài khu vực trình chỉnh sửa miễn là bạn nhắm mục tiêu chúng bằng tên class hoặc ID của chúng.