bbarakaci / fixto

A jQuery plugin for sticky positioning
MIT License
217 stars 57 forks source link

Sticky doesn't work when there is a input field in the sidebar #18

Closed ice-rinky-dink closed 9 years ago

ice-rinky-dink commented 10 years ago

This seams like a weird issue that shouldn't be happening. When there is a input field (inside a form) in the sidebar the sticky element doesn't work. Live example: http://www.pctipvandedag.nl/windows-7/alle-paden-van-bestanden-en-mappen-kopieren

On pages where their isn't a search form it works perfect (http://www.pctipvandedag.nl/windows).

What is causing this issue? Thanks in advance.

bbarakaci commented 10 years ago

Try to resize your windows height and observe. You will see that when the fixed container's content is taller than the window, it does not fix. Because if fixed, some portion of the content would be unaccessible. Section "Veel gelezen tips" makes the column taller. If column was fixed, there would be no way to reach to the form. I resized my window taller than the column and it works also on the first link you sent.

This was tought as a feature and mentioned as "Sensitive to viewport height". Unfortunately, at the moment there is no option to disable it.

ice-rinky-dink commented 9 years ago

Thanks for your fast reply and time to delve into this problem. I see the problem now and it totally makes sense that you build that feature into the plugin. I will try to convince the designer that we should not have such a tall sidebar instead or live with the fact that the sidebar doesn't stay fixed.