ngSticky doesn't work if applied to the nearest element to <body>.

Question

ngSticky doesn't work if applied to the nearest element to <body>.

neesonqk opened this issue 8 years ago · 3 comments

Have this:

<body>
   <div sticky>ABC</div>
   <div sticky>123</div>
</body>

ABC doesn't stick to top 123 does.

Answer 1 · 2017-01-17T13:24:33.000Z

+1 having a very similar issue, did you find a way around this?

Answer 2 · 2017-01-17T14:03:55.000Z

@ccooper93 I assume you must are using bootstrap right? I figured out once bootstrap was applied, then this issue was reproduced. I have no time to investigate which CSS rule actives this issue, I inserted a blank div above the first div element with a very small width and height for the temporary solution.

<body>
   <div sticky style='width: 0.01em; height: 0.01em'></div>
   <div sticky>ABC</div>
   <div sticky>123</div>
</body>

Answer 3 · 2017-01-17T14:34:59.000Z

@neesonqk Im using foundation 6 must cause the same/similar issue. Thanks for the suggestion, i'd added another sticky element and hidden it. Thats a nicer workaround!