WebAppers

/ best free open source web resources /

Shopify

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.

portamento

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

3 Comments
  • http://www.pixelboxdesign.co.uk/ Pixelbox Design

    Good stuff, excellent, many thanks.

  • http://www.andrewgroat.com Andrew Groat

    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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons