Home/ Questions/Q 4608314
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T00:49:39+00:00

I want to achieve an effect similar to this: Position element fixed vertically, absolute

  • 0

I want to achieve an effect similar to this: Position element fixed vertically, absolute horizontally

This can be seen working here: http://jsfiddle.net/thugsb/M2m58/

However, as in that fiddle, I want the parent to be able to be animated horizontally, and the fixed div to move horizontally with it (it’s fixed so that when you scroll down the page it stays at a set height in the browser window). This works fine in FF (4/mac), but it fails to move in webkit.

For some reason, if you animate the .positioner instead, the .fixed doesn’t move until you inspect the element. Then it jumps into place. It’s almost as if it’s forgetting to update the display.

Any ideas? Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Apparently it’s a webkit bug, in that it doesn’t update fixed elements if they are not directly changed (even though they should). I added a callback function to the .animate({'width':'40px'}, function() {$('#drawerHandle').fadeOut(1, function() {$('#drawerHandle').show();});}); and that did the trick.

    • 0