/ best free open source web resources /

Graphic Resources

Add Floating Panel to Your Web Page with jQuery

Posted · Category: GPL License, Tools

Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript. It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento also has sensible behaviour if the user’s viewport is too small to display the whole panel, so you don’t need to worry about users not being able to see your important content.


Requirements: jQuery Framework
Demo: http://simianstudios.com/portamento/
License: GPL 3.0 and Apache License

  • Good stuff, excellent, many thanks.

  • Nice! – I’ve been trying to do this for a while now, created my own version for a client’s website but this is a lot cleaner.

  • Peter

    The http://simianstudios.com/portamento/ does not work on Safari on the iPad. The floating panel does not float.

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons