Home/ Questions/Q 6359911
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T23:34:51+00:00

I was wondering how to achieve the native scrollbar effect which TheFWA (thefwa.com) has

  • 0

I was wondering how to achieve the native scrollbar effect which TheFWA (thefwa.com) has managed to do pretty well (I am not a fan of Flex scrollbars).

I found this post (http://stackoverflow.com/questions/318675/how-can-i-create-a-flex-application-with-dynamic-height), and implemented the technique, as I am calling a JS function through ExternalInterface every time, when the flash object changes size. This JS function simply resizes the div which holds the flash object, which creates the native bars.

Unfortunately, when I resize quite rapidly (from 800 to 1800 height, for instance) the flash object simply gets warped for several milliseconds (as if it hasn’t changed its size, but simply got pulled in all directions). After these milliseconds, things get back to normal, but the whole situation is really visually annoying.

Originally I thought that it’s simply a timing issue, but after a bunch of attempts to set a delay, the effect was the same … just delayed.

How can I resolve that? I know it’s technically possible. Just take a look at TheFWA, and see how smoothly flash and the browser are communicating with each other to make the native scroll bars work, without any flickering, or mismeasurement

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is an issue that appeared since Flash Player 10 and is still happening up to FP 11 beta.

    When you resize the DIV that contains the SWF, the SWF itself is resized, therefore you “ask” the player to redraw the content. But the thing is that this redraw creates this ugly flicker.

    The workaround it to not resize the SWF DIV at all and to resize another empty DIV, so you force the browser to update the scrollbar.

    At this point when you use the scrollbar it won’t move the SWF DIV (as it is probably often a position absolute full-size flash site) but then you create a simple JS callback to send the scroll values to your application.

    It may sound as a much greater effort but it is not much actually, and at the end you will create a more flexible way to manage your application.

    You can check that in use here http://www.andrefelipe.com/

    And the source code is at my framework https://github.com/andrefelipe/fabricaframework/blob/master/src/fabrica/external/Browser.as

    • 0