Tạo Link Scroll Trên Web – Bấm Link Nhảy Tới Vị Trí Bất Kỳ Trên Trang

Chào bạn có phải bạn muốn làm một link sau khi bấm vào nó sẽ nhảy tới một vị trí nào đó trên trang web đúng không? Bình hướng dẫn bạn như sau nhé.

Bước 1 bạn gắn link: Bạn có thể gắn link trên trang hoặc Menu, link có dạng hashtag.

Link dạng thế này nè: abc.com/page1#dat-mua

Thì khi người ta click vào link này thì website sẽ tự nhảy tới dòng mã code có thuộc tính id là dat-mua.

<div id=”dat-mua”>

Ví dụ: nhảy xuống cuối cùng

Bước 2 bạn chèn id vào vị trí muốn scroll tới: bước này liên quan tới mã code nên bạn bật qua chế độ text của WordPress để chèn vào

Copy đoạn mã sau và thay thế lại id (hagtag): <div id=”dat-mua”></div>

Sau đó vào phần text tìm tới vị trí cần scroll tới sau đó dán đoạn mã này.

dan ma

<div id=”diem-cuoi”></div>

Ví dụ: nhảy lên điểm đầu

4 1 đánh giá
Article Rating
Theo dõi
Thông báo của
guest

5 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Huy
Huy
7 năm trước

a Lâm ơi có cách nào làm cho khi click vào link thì trang nó cuộn từ từ chứ không bụp cái nhảy đến vị trí cần đến không ?
A hướng dẫn cho e với, thank a nhiều lắm !

Trường
Trường
7 năm trước

Bạn cho mình hỏi, nếu làm cách này links sẽ có thêm 1 đoạn ví dụ /#diem-cuoi . vậy có ảnh hưởng gì tới SEO không, vì mình thấy nó thay đổi links

nguyễn thanh tú
6 năm trước

cám ơn anh nha, cái này mình tìm hoài không thấy, đêm nay lang thang đọc blog vô tình thấy.

×

Xác Thực Tài Khoản

Đăng nhập thành công. Đang chuyển hướng ...
Mã Pin bị sai. Xin hãy nhập lại!
5
0
Rất thích suy nghĩ của bạn, hãy bình luận.x