Cuộn trang dọc mượt mà bằng cách sử dụng bánh xe chuột và thanh cuộn

Question

Tôi đang chơi xung quanh và cố gắng xây dựng trang web thị sai - vâng, tôi biết chúng là một mốt khó chịu nhưng tôi vẫn muốn đi. Vì vậy, để lấy cảm hứng, tôi đã xem xét các ví dụ khác nhau về các trang web thị sai tốt và đã xem qua ví dụ này: https://victoriabeckham.landrover.com/INT.

Nó có tính năng cuộn trơn tru bằng cách sử dụng bánh xe chuột, thanh cuộn và liên kết cố định. Tôi đã được tìm kiếm cho các plugin jQuery mà sẽ đạt được hiệu ứng này nhưng chỉ có thể tìm thấy những người sử dụng liên kết trang nội bộ - neo hoặc ID (chi tiết bên dưới) - nhưng, không phải bánh xe chuột và thanh cuộn. Có một cơ hội tốt mà tôi đang tìm kiếm bằng cách sử dụng các từ khóa sai. Có ai biết thuật ngữ chính xác để tìm các plugin này hoặc biết bất kỳ plugin nào có thể đạt được hiệu ứng này không?

Trên một lưu ý phụ, tôi hiện đang học jQuery và Javascript nhưng đang ở giai đoạn rất sớm - vẫn rà soát thông qua codeacademy và chưa thực hiện nó vào bất kỳ mã thế giới thực nào được nêu ra. Vì vậy, tại thời điểm này tôi đang chơi với các plugin như một cách học tập nhưng hy vọng trong một vài tháng tôi có thể xây dựng công cụ của riêng mình!

Cuộn dễ dàng để neo thẻ hoặc ID:

• http://archive.plugins.jquery.com/project/ScrollTo
• http://jsfiddle.net/9Amdx/7/
• http://arthurclemens.github.com/jquery-page-scroll-plugin/
• http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
• http://www.designova.net/scrollerbird/
• http://chris-spittles.co.uk/?p=462
• http://joelb.me/scrollpath/ (* biếu không của @DrunkRocketeer)

Và, một ví dụ khác của một trang web sai cách sử dụng một kỹ thuật tương tự để di chuyển:

• http://www.ascensionlatorre.com

Answer 1

Hãy thử cái này. https://nicescroll.areaaperta.com/

Nó đã có

$().scrollTop() 

jQuery kiện nghe quá, do đó bạn có thể có con đường cuộn cấu hình với kịch bản sai.

Answer 2

Tôi nghĩ rằng bạn cần phải kết hợp nhiều của những hiệu ứng này để tạo ra một cái gì đó tương tự như trang Landrover. Một kịch bản cuộn trơn tru, một kịch bản đường dẫn cuộn và một kịch bản sai.

Đây là một trang web thú vị cho các phần tử con đường của trang web đó: http://joelb.me/scrollpath/

Mặc dù cách tốt nhất để tìm hiểu cách thức các trang web làm việc là để kiểm tra họ! Một số trang web thú vị sử dụng thị sai: http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

Tôi hy vọng đây là một số trợ giúp/cảm hứng!

Chúc mừng, Robin