Hoàng Web

Thiết kế web giá rẻ

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế website giá rẻ
    • Thiết kế website bán hàng
    • Thiết kế website WordPress
    • Viết Plugin WordPress
    • Sửa lỗi nâng cấp website
    • Quảng cáo Google Ads
    • Phần mềm chặn click ảo
  • Bảng giá
  • Quy trình dịch vụ
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Smooth Page Scroll to Top với jQuery Smooth scroll cho wordpress

Smooth Page Scroll to Top với jQuery Smooth scroll cho wordpress

Chủ Nhật, 10/08/2014 by Hoàng Quách Leave a Comment

  • Facebook
  • Twitter
  • Google+

jQuery Scroll Page to Top (scroll to top) là một nút thường xuất hiện cố định ở góc phải dưới cùng, khi người dùng kéo thanh cuộn xuống dưới để xem nội dung có trong trang nút sẽ xuất hiện giúp họ dễ dàng kéo thanh cuộn lên trên cùng một cách nhanh chóng và mượt mà.

Trong bài hôm này mình sẽ cài tính năng này trong wordpress, nhờ vào plugin jQuery Smooth Scroll

Các bạn tải plugin về và kích hoạt. jQuery Smooth Scroll plugin không có trang cấu hình bạn có thể sử dụng được ngay sau khi kích hoạt. Để kiểm tra bạn thử tải lại trang, mở bài viết có nội dung dài chút xíu rồi bắt đầu kéo thanh cuộn bạn sẽ thấy ngay một nút được hiển ra từ từ ở góc cuối bên phải.
jquery-Smooth-Scroll

Plugin sử dụng javascript và css đã được rút gọn tối đa không làm ảnh hưởng đến tốc độ tải trang, nên bạn hoàn toàn yên tâm sử dụng. Mã nguồn plugin được viết tường minh dễ hiểu, giúp bạn có thể customize theo ý mình.

Để thay đổi hình nút bạn thay thế file images/arrow.png, tác giả của plugin có để lại file source.psd cho bạn chỉnh sửa lại nút, nếu không muốn dùng mặc định.

Công ty chuyên thiết kế website

Hoàng Web cung cấp dịch vụ thiết kế web giá rẻ, CHUẨN SEO - TỐC ĐỘ - BẢO MẬT.
Nhận thiết kế website WordPress chuẩn SEO Onpage, load nhanh mượt. Tư vấn: 0987 342 124

Chúng tôi Là đơn vị thiết kế web uy tín tại Hà Nội. Tư vấn làm marketing hiệu quả.

Thay đổi tốc độ trượt như thế nào?
Mở js/jss-script.js tìm và thay đổi giá trị của biến scrollSpeed.

var scrollSpeed = 600;

Làm sao thay đổi vị trí nút? bạn sửa trong file css/jss-style.min.css , bạn cũng có thể sửa cả vị trí hiển thị trên mobile.

Smooth Page Scroll to Top với jQuery Smooth scroll cho wordpress
Đánh giá bài này

Bài viết liên quan:

  1. 5 điều lưu ý khi sử dụng jquery trong wordpress
  2. Sử dụng flexslider gallery trong woothemes
  3. Sử lý xung đột jquery trong wordpress
  4. Thay đổi giao diện template cho woocommerce
  5. Tích hợp Disqus vào wordpress toàn tập
  6. Thiết kế giao diện full width cho genesis child theme
  7. Chèn facebook comment vào website wordpress
  8. Lọc danh sách bài viết trong wordpress sử dụng action hook – pre_get_posts
  9. Hướng dẫn tạo custom post type cho wordpress
  10. Đổi nhãn footer trong WordPress admin

Chuyên mục: Wordpress Tìm kiếm: jQuery

Đăng ký để không bỏ sót bài viết hay

Bạn phải đăng nhập email để xác nhận việc đăng ký. Vui lòng kiểm tra mục Spam nếu không tìm thấy !

chúng tôi tôn trọng sự riêng tư của bạn và bảo vệ nó một cách nghiêm túc

Lưu ý:
> Không sử dụng từ khóa trong mục "Tên".
> Hãy sử dụng tên thật và địa chỉ email chính xác.
> Vui lòng bình luận bằng tiếng Việt có dấu.
Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Tôi giúp gì cho bạn?

Theo dõi chúng tôi

Bạn phải đăng nhập email để xác nhận việc đăng ký. Vui lòng kiểm tra mục Spam nếu không tìm thấy !

chúng tôi tôn trọng sự riêng tư của bạn và bảo vệ nó một cách nghiêm túc

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • Snapchat

LIÊN KẾT

  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2019 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.