It is intended to solve these common issues:
- Sticky sidebar which is enabled once user scrolls some px down the page;
- Given dynamic content and fluid layout size, sticky nav should be able to preserve its position when screen is resized;
- Given the fluid layout sticky nav should always preserve its width.
This solution is counting on invisible anchor element in order to correctly obtain sidebar's top position. Needed when page is reloaded with some scroll.
Run npm install to install packages
Run npm start to compile the files in dist/ folder and start webpack server
Codepen: http://codepen.io/moubi/pen/ALpmwy