StickyBars - Fixed Bars Animated on Scroll



StickyBars is a web element that can be used to display informations on your site while scrolling on the pages. These bars can be horizontal or vertical and they can stick to any edge of the browser. You can have several bars on a same page with different options for each one (colors, CSS3 effects, position, etc.)

Features

  • 4 positions (top, bottom, left or right)
  • Can be used as a header or a footer
  • Horizontal and vertical layouts
  • Original way to display informations, links, navigation, etc.
  • Works with anchors or pixel offset values
  • Sticky elements revealed on scroll
  • 17 CSS3 effects with a simple fade fallback for older browsers
  • Can hold lists, texts, headings, navigation elements, etc.
  • Easy setup with jQuery options
  • Dark and light color schemes
  • Clean and organized valid markup
  • Designed and coded for desktop computers, tablets and mobiles
  • What you get

    The package contains 5 HTML files that can be used to easily setup your own StickyBars. All the code is organized, indented and easy to read. The script comes with an uncompressed version and a minified version.

    Compatibility

    StickyBars has been tested on several devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests. Here’s a list of compatibility :
  • Internet Explorer 9+
  • Firefox
  • Chrome
  • Opera
  • Safari
  • Chrome on Android
  • Safari on iPad and iPhone
  • Please keep in mind that CSS3 effects are not available for all browsers, for example these StickyBars look acceptable under Internet Explorer 8 but it’s much better from Internet Explorer 9 for example.

    Free Support, Free Updates

    When you purchase a product on Codecanyon, you can always access it in your downloads page. There you can subscribe to receive an email and get notified if an update is available, only the last version will appear in your downloads page. Those updates are totally free ! If you encounter an issue when using my work or find a problem, you can contact me at any time from my profile page. You’ll need to be logged in to be able to access the contact form (in the sidebar). I usually reply within 24-48 hours but during holidays or week-ends, it can take more time. I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. If you have an idea that could improve it, feel free to ask me, some customization questions happened to be the starting point of an update.

    Changelog

    7/04/2014 – Version 1.0
  • Initial Release