Not working for me

[fguillen]

Check the JSFiddle :/

• http://jsfiddle.net/fguillen/kRMES/

[krisnoble]

Hi Fernando

There's a couple of problems in your JSFiddle code - firstly you need to include the Portamento-relevant styles as described in step 3 of the Usage section of http://simianstudios.com/portamento/

Also your code is causing a horizontal scrollbar which will stop Portamento from working (this is to avoid undesirable behaviour when the page is wider than the viewport) so you'll need to tweak your CSS to stop that happening.

Fix those two issues and you should see it working :)

[fguillen]

Hi @krisnoble,

I've added the portamento styles and I have removed the bootstrap.css which I think was the cause of the horizontal scroll bar.. but still the div is not fixed-floating:

• http://jsfiddle.net/fguillen/kRMES/

[krisnoble]

Hi Fernando

You need to adapt the example CSS from the site to fit your HTML, specifically the ID of the floating element. Change #example to #floating in the Portamento styles and you should see it start floating.

In your example the floating behaviour causes the div to lose its width (because of the positioning change), but you can fix that by setting a width explicitly in the CSS. In a real-world example you would probably already have a width set anyway so this shouldn't be a problem.