scroll

Trước đây, tôi có giới thiệu với các bạn một vài thư viện JavaScript dùng để tuỳ biến thanh cuộn cho nội dung trên website, ví dụ như jQuery Scrollbar hay ProngnRoll. Điểm giống nhau của các thư viện này là cùng làm nhiệm vụ tuỳ biến thanh cuộn mặc định của trình duyệt theo một phong cách riêng...

Nếu các bạn muốn tạo hiệu ứng cho nội dung trang web khi cuộn trang tương tự như parallax thì các bạn có thể sử dụng thư viện basicScroll. Thư viện basicScroll được viết bằng JavaScript với chức năng trình diễn các hiệu ứng chuyển động hoạt hình khi người dùng cuộn trang. Mặc dù hiệu ứng nội...

Các hiệu ứng hoạt hình thường sử dụng CSS để tạo, tuy nhiên có những hiệu ứng chỉ một mình CSS thì không thể, lúc này JavaScript sẽ được sử dụng để tạo ra các hiệu ứng hoạt hình phức tạp. Thư viện Motus cũng là một trong số đó, nó có chức năng tạo các hiệu ứng hoạt hình cho nội dung khi người...

Trước đây tôi có bài viết giới thiệu với các bạn thư viện jQuery Scrollbar dùng để tuỳ biến thanh cuộn trình duyệt rất hay, các bạn có thể xem lại bài viết "Tuỳ biến thanh cuộn với thư viện jQuery Scrollbar" để biết cách sử dụng nó. Bài viết này tôi tiếp tục giới thiệu cho các bạn một thư viện...

Mặc định HTML đã hỗ trợ các bạn di chuyển trang tới vị trí anchor một cách đơn giản nhưng nó không hỗ trợ hiệu ứng scroll mượt, tạo ra cảm giác khó chịu. Với thư viện AnchorScroll.js thì vấn đề này đã được khắc phục với nhiều hiệu ứng scroll đẹp mắt, tạo cảm giác chuyên nghiệp hơn cho website...

Thư viện ScrollZip sẽ tạo ra hiệu ứng scroll các thành phần được chỉ định trên trang web khi các thành phần đó xuất hiện trên phần hiển thị của màn hình thiết bị. Với sự kết hợp của thư viện Animate.css mà tôi đã từng giới thiệu với các bạn ở bài viết "Tạo hiệu ứng đẹp mắt với thư viện...

Tiếp tục với các thư viện cuộn trang, bài viết này tôi sẽ hướng dẫn các bạn sử dụng thư viện pagePiling.js được viết dựa trên jQuery tạo ra hiệu ứng cuộn trang đẹp mắt cho website của các bạn chỉ với vài dòng mã lệnh cài đặt đơn giản. Cũng giống như các thư viện được viết trên nền tảng jQuery...

Với tính năng cuộn trang tôi có hướng dẫn các bạn sử dụng thư viện jInvertScroll để thực hiện hiệu ứng này, các bạn có thể tham khảo bài viết "Cuộn trang parallax với thư viện jInvertScroll" để biết chi tiết. Ở bài viết này, tôi cũng sẽ hướng dẫn các bạn tạo một trang one page với tính năng cuộn...

Đối với các bạn thiết kế các website dạng one page thì chắc hẳn đã quen thuộc với các hiệu ứng cuộn trang dọc. Bài viết này tôi sẽ hướng dẫn các bạn sử dụng thư viện jInvertScroll để tạo ra hiệu ứng cuộn trang ngang parallax mà các bạn thường thấy trên các slideshow. Thư viện jInvertScroll được...

Thư viện AOS là một thư viện JavaScript được thiết kế với mục đích tạo hiệu ứng hoạt hình cho các thành phần trên website khi người dùng cuộn trang. Việc sử dụng thư viện rất đơn giản bằng cách khai báo các thuộc tính ngay trong các thẻ HTML của thành phần. Trước hết, các bạn cần phải truy cập...

Thư viện Scrolline.js là một thư viện JavaScript được viết dựa trên nền tảng jQuery. Mục đích của thư viện Scrolline.js là tạo ra thanh tiến trình trên website để theo dõi quá trình cuộn trang của người dùng. Thông qua thanh tiến trình này, người dùng có thể biết được mình đã cuộn được bao nhiêu...

Thư viện WOW.js được sử dụng với sự hỗ trợ của thư viện Animate.css mà tôi đã có bài viết giới thiệu "Tạo hiệu ứng đẹp mắt với thư viện Animate.css". Thư viện WOW.js sẽ sử dụng các hiệu ứng chuyển động của thư viện Animate.css để tạo ra các hiệu ứng chuyển động trên các thành phần khi người dùng...

Thư viện fullPage.js là một tiện ích dựa trên nền tảng jQuery, cho phép các bạn xây dựng những website cuộn đơn trang theo chiều dọc hoặc chiều ngang. Thư viện fullPage.js được tạo ra bởi Alvaro Trigo và được cung cấp tài liệu hướng dẫn sử dụng rất chi tiết giúp các bạn không có nhiều kinh...