The next best JS library
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
demo.html
jq.js
jsscript.js
nyt_panel_closed.png
nyt_slider.png
styles.css
styles.scss
xbox.png

README.md

Summary:

I am implementing the New York Times' "slider" panel to practice my JavaScript. The CSS id of the slider on NYTimes.com is "upNext," if you want to compare with their code.

Instructions:

Open demo.html in your browser of choice.

Tasks

Todo

  • add "open/close" functionality

Doing

Done

  • Panel should fade in when a scroll event occurs
  • Panel should only fade in when a scroll event occurs AND the end of a content div appears in the viewport
  • panel should fade out when content div disappears down
  • panel should only fade in when the top of the fade-in element appears in the viewport
  • Abstract class names away from selectors
  • Make the scroll loop more efficient.
  • Make CSS prettier
  • change sample content