search

bbarakaci / fixto

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

Weird rendering when the page is refreshed after the page has been scrolled to the right #42

Open vandanagopal opened 8 years ago

vandanagopal commented 8 years ago

Hi, Am facing an issue - attached is my simple html code reproducing the problem. When I make the screen small enough so that there is a horizontal and vertical scrollbar, and then I scroll down until I see the pane3 text and I scroll to right. Till here everything is fine. Now if I refresh the page, the pane1 text has half disappeared. If I scroll fully to the left also, that text does not reappear. It seems to be a problem with calculating left in this line: var left = child.getBoundingClientRect().left;

Can you please take a look? Thanks. (Note replace fixto and jquery with the right url in the attached example).

vgs.txt

vandanagopal commented 8 years ago

I was able to repeat the same issue in your development page 1. Make the screen small enough to get a horizontal scroll bar. scroll to the right. Then refresh the page. You can see that the pink top bar has moved to the left and we cannot get the hidden portion of the pink bar back.

bbarakaci commented 8 years ago

Hello.

Thanks for digging in. This looks like issue #12

It does not have priority but might be good to fix. I am glad you provided a solution without checking left scroll (Did you delete your comment about checking left offset?)

The only thing remaining is to add cumulative offset, as offsetparent might not be the document itself.

Will do at some point.

vandanagopal commented 8 years ago

Hi, thanks for the response. Yes I deleted my comment about left offset since I saw that it is more complicated than that. Reason is, currently I have a top bar, a left pane and a right pane. I fix the left pane and right pane, and make it "mind" the top bar. If I set the leftOffset to 0, then the right pane overwrites the left pane. Haven't been able to solve it, would greatly appreciate if you find a way to solve it.

bbarakaci commented 8 years ago

Unfortunately I am not having much time. I keep the horizontal scroll issue as low priority.

On Wednesday, 22 June 2016, Vandana Gopal notifications@github.com wrote:

Hi, thanks for the response. Yes I deleted my comment about left offset since I saw that it is more complicated than that. Reason is, currently I have a top bar, a left pane and a right pane. I fix the left pane and right pane, and make it "mind" the top bar. If I set the leftOffset to 0, then the right pane overwrites the left pane. So seems like the solution would be more complex. Haven't been able to solve it, would greatly appreciate if you find a way to solve it.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/bbarakaci/fixto/issues/42#issuecomment-227771696, or mute the thread https://github.com/notifications/unsubscribe/ABtwNOVG_j5oAebJhOn4bbC2f0oy-Jphks5qOU3WgaJpZM4I4UMC .