Elastic Content Slider

Elastic Content Slider is a fluid content slider that will adjust in width and height depending on the size of its parent.

It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height.

A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn’t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

Elastic Content Slider

Elastic Content Slider is a fluid content slider that will adjust in width and height depending on the size of its parent.

It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height.

A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn’t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

jQuery Fluid Content Scroller

jQuery Fluid Content Scroller plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the top and at the bottom of the page / list container allowing to instantly scroll up and down to a particular post on the list.

Product Features

  • Responsive design
  • Touch friendly
  • Smooth animation
  • Free for non-commercial use
  • Cross-platform & cross-browser