Cũng giống như
button top nhưng ở đây là cuộn đến vị trí bất kỳ mà bạn đánh dấu trong bài viết. Thường sẽ áp dụng cho việc tạo
mục lục hay những gì
nổi bật mà bạn muốn người đọc chú ý đến.
▶Preview
Click chuột để cuộn đến vị trí
Hướng dẫn cuộn đến vị trí đánh dấu
Bạn
Đăng Nhập Trang Quản trị Blogger »
Chủ đề »
Tùy chỉnh »
Chỉnh sửa HTML tìm đến thẻ đóng
</body> và dán đoạn
JS sau đây vào trước nó.
$(document).ready(function(){
$( "a.scrollLink" ).click(function( event ) {
event.preventDefault();
$("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top }, 500);
});
});
Sau đó nhấn 💾 để
Lưu lại.
Áp dụng trong bài viết
Để
sử dụng trong bài viết bạn chuyển sang
Chế độ HTML và sử dụng đoạn
code sau :
<a href="#noidung1" class="scrollLink">Nội dung 1</a>
<a href="#noidung2" class="scrollLink">Nội dung 2</a>
<p id="noidung1"><strong>Nội dung 1</strong> - Thông tin nội dung 1.</p>
<p id="noidung2"><strong>Nội dung 2</strong> - Thông tin nội dung 2.</p>
Chúc bạn thành công!
