Hướng dẫn html button link to same page - nút html liên kết đến cùng một trang

Điều này giả định rằng bạn không nói về việc cuộn xuống một mỏ neo thông thường và thay vào đó bạn muốn cuộn đến các phần tử HTML thực tế trên trang.

Tôi không chắc jQuery có tính cho bạn không, nhưng nếu bạn đang sử dụng bootstrap, tôi tưởng tượng nó có. Nếu vậy, bạn có thể liên kết với sự kiện "Nhấp" cho nút của mình và đặt một số mã JavaScript ở đó để xử lý việc cuộn. Thông thường, bạn có thể liên kết nút/nút với phần tử bạn muốn cuộn đến bằng cách sử dụng thuộc tính "dữ liệu" [ví dụ: dữ liệu-scroll = "My-breement-id"].

Không có jQuery, bạn sẽ phải tạo một hàm chứa mã như được mô tả và đặt thuộc tính title tham chiếu chức năng của bạn và truyền "cái này" như một tham số cho chức năng của bạn, để bạn có thể nhận được tham chiếu đến liên kết /phần tử nút gọi nó.

Để mã sử dụng để thực sự cuộn đến phần tử tương ứng, hãy xem bài viết này:

Làm thế nào để đi đến một yếu tố cụ thể trên trang?

Ví dụ nhanh mà không có jQuery:

Click here to see an example of how a company uses Facebook ads.

Và sau đó bạn đã thiết lập tất cả - bạn có một siêu liên kết hoạt động giữa hai phần nội dung trên cùng một trang. Đơn giản như thế.

[Này, những người tò mò từ phần giới thiệu! Nhấn vào đây để quay lại nơi bạn rời đi.] to go back to where you left off.]

Chủ Đề