Refresh Page with scroll half down page, or Resize, sticky gone.

leafo / sticky-kit

A jQuery plugin for creating smart sticky elements

http://leafo.net/sticky-kit

2.91k stars 520 forks source link

Refresh Page with scroll half down page, or Resize, sticky gone. #232

Open Johnblundon opened 7 years ago

Johnblundon commented 7 years ago

Hey Guys,

Hoping that someone here can help me. Sticky works fine (most times) but there are issue with it disappearing. When I scroll half down the page and refresh, the sticky is there but as soon as I scroll it vanishes. Same with Resizing the browser, as soon as I change size, it vanishes....

Can anyone help me please???

clarkeverdel commented 7 years ago

I had exactly the same problem. Check if your parent div is properly set with the following css: "display: block; float: left;". Your div is probably not adapting to the height of its contents. Please check this by inspecting the container div with your inspector tool (chrome webmastertools, firebug etc.)