Hi everyone, there is a problem in my code that I can't figure out. I have a menu, and for example, I simplified the code as much as possible. These are three blocks, the middle block has the flowexpand="true" parameter and it has scroll buttons.
Code
<style name="txt_h" type="text" keep="true" width="100%" height="250" bgcolor="0x32677a" bgalpha="0.5" bgroundedge="10" css="color:#FFFFFF; font-size:19px;" textalign="center" />
<layer name="menu_container" keep="true" type="container" width="250" height="100%" bgalpha="0.5" flowchildren="v" >
<!-- top container -->
<layer name="head_cont" type="container" width="100%" height="150" bgalpha="0.2" bgcolor="0x00ffff" />
<!-- center -->
<layer name="block_middle" type="container" width="250" bgalpha="0.2" bgcolor="0xff0000" flowexpand="true" flowchildren="h">
<layer name="level_1" type="container" width="250" height="100%" >
<layer name="gr_1" type="scrollarea" width="250" direction="v" flowchildren="v" childmargin="20" childflowspacing="20" >
<layer name="txt_1" style="txt_h" text="line_1" />
<layer name="txt_2" style="txt_h" text="line_2" />
<layer name="txt_3" style="txt_h" text="line_3" />
</layer>
</layer>
</layer>
<!-- bottom container -->
<layer name="bottom_cont" type="container" width="100%" height="100" bgalpha="0.2" bgcolor="0xdef200" />
</layer>
Display More
Example
I checked on android and on PC in chrome browser
At the first launch, it seems that the lower part becomes lower, and the lower block is not visible, and scrolling does not work correctly.
The display is correct when:
- I am resizing the browser window
- I will make less than 6 panoramas on the tour
- When I turn off vtourskin.xml
What could be the reason, how to fix it?