movement test

by Emily Humphrey

HTML

<div id="move"></div>
<div id="move2"></div>
<div id="move3"></div>
<div id="move4"></div>

CSS

body{
    display: block;
    height: 2000px;
}

#move,
#move2,
#move3,
#move4{
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    background: #ccc;
    margin: 8px;
}

JavaScript

Stuck.prototype = {
    scrollAction: function(){
        var speed = this.scrollSpeed;
        $(window).on("scroll", function(){
            var scrollPos = $(window).scrollTop();
            console.log(scrollPos/speed);
        });
    }
};

function Stuck(scrollSpeed){
    this.scrollSpeed = scrollSpeed;
}

var box1 = new Stuck(6);
var box2 = new Stuck(4);
var box3 = new Stuck(2);
var box4 = new Stuck(4);
var box5 = new Stuck(2);
var box6 = new Stuck(4);
var box7 = new Stuck(2);

box1.scrollAction();
box2.scrollAction();
box3.scrollAction();
box4.scrollAction();
box5.scrollAction();
box6.scrollAction();