About Code Food Work

Notebook 9 Laptop

Date: June 2016 Client: Samsung Currently Live
Tools Used:
  • JavaScript/jQuery
  • Handlebars.js
  • SCSS
  • Gulp
Notebook 9 Laptop Default Image

Notebook 9 Laptop includes HTML5 video and a few jQuery features.

The main development task for this page was for video to begin playing as a user scrolls near a module containing a video - with videos being in both the versatility and battery modules. It required addEventListener to watch for user's scroll movements and play the video if the scroll's scrollTop() gets nearer to a video module's offsetTop().

Notebook 9 Laptop Gif