2019年11月15日(金)

Appleの商品ページに使用されているスクロールに合わせて動画を再生するエフェクトを実装するスクリプト -Scrolleo

• 0
• 200
• 155
• 178

/* Scrolleo - make your video scroll with inertia

* MIT License - by Mark Teater

*/

(function(window, document, undefined) {

  "use strict";

  var _Scrolleo = function(opts) {

    // Defaults

    this.acceleration = 0.08; //1 is fastest, 0 is slowest, 0.08 is default

    this.secondsPerScreen = null; //Set this to the length of the video. "1" is 1 second.

    this.additionalOffset = 0; //Add or subtract pixels to when the video will start. "10" means that the video will start 10px earlier.

    this.wrapperEl = null;

    // ...