滾動速度操縱CSS jQuery

Question

找出一個網站http://www.boy-coy.com/#home 。 向下滾動時，所有內容滾動都非常流暢。 即使快速滾動，仍會以特定速度滾動。 這使網站更快，響應速度更快。 如何在CSS和JQuery的幫助下實現這一目標？

Answer 1

乍一看。

嘗試閱讀其html源代碼輸出。

1. 他們使用一些jquery插件和舊版瀏覽器js插件調用。
2. 他們有一個自定義的且部分混淆的.js腳本，該腳本很深，但是您可以在頁面的項目中看到它設置的特定屬性。
3. 除非存在任何使用條款問題，否則您可以通過使用此示例代碼作為示例來破譯此頁面的酷滾動技術。 但是，從頭開始編寫或在此處發布整個解決方案絕對是大量的工作。
4. 我將去尋找一個較小的示例，該示例不涉及此視差。
5. 並查看此鏈接http：// codepen.io/JTParrett/pen/BkDie，在滾動時，它獲得了一些放置在視口中不同位置的圖像的一些基本原理。
6. SO中的此鏈接也可以幫助我是否可以使用CSS或jQuery更改滾動速度？
7. Kirupa有一個很好的教程，它可能也有助於獲得平滑滾動效果。 http://www.kirupa.com/html5/smooth_parallax_scrolling.htm
8. 而且這個非常棒。 我想我會看一下這個演示。 請務必在此處測試所有的點擊事件演示。 我確定您可以將此http://plugins.compzets.com/animatescroll/綁定到滾動條的jquery補間事件中
9. 另一個不錯的示例http://bassta.bg/demos/smooth-page-scroll/

Answer 2

它被稱為視差

檢查此： http : //www.w3schools.com/howto/howto_css_parallax.asp

http://matthew.wagerfield.com/parallax/