Make famo.us / Angular scrollview with many elements per line -


I have a bee with several tiles and each tile is placed below as a modifier:

hexagon tiles

My code looks like this:

  & lt; FA-scroll-view FA-pipe-to = "ScrollAventHandler" FA-Options = "Scroll Option" & gt; & Lt; Fa-visible ng-repeat = "tile in tiles" & gt; & Lt; Fa-corrective fa-transform = "tile.transform" & gt; & Lt; Fa-surface fa-background-color = "tile.color" /> & Lt; / Father-modifiers & gt; & Lt; / Papa-view & gt; & Lt; / Father-scroll-view & gt;  

and tile.transform return:

  this.transform = function () {var currentTilePosition = position.get (); Return Transform. Translestate (Thetonel term [0], the current word [1], the current word [2]); }  

The situation comes back when it is correct, but if I put a look into the debug window, the situation is modified.

But if I 'FA-modifier' (necessary to scroll), all my tiles are collapsed:

   

My hexagons look like this:

 Enter image here Description

It seems that it is not possible to have multiple elements on the same line of scrollview and automatically pass the item to the next line.

Has anyone been facing this problem before and solved it?

The Foam Scroller is not optimized to manage many items in the column line. Scroll-View is not able to calculate its size, so it is not possible to scroll.

But it is possible to force scroll-view to scroll:

  & lt; Fa-scroll-view fa-pipe-from = "scrollEventHandler" fa-option = "scrollOptions" fa-size = "[windowsWidth, windowsHeight]" & gt; & Lt; Fa-view id = "globalView" fa-size = "[windowsWidth, globalScreenHeight]" & gt; & Lt; Fa-visible ng-repeat = "tile in tiles" & gt; & Lt; Fa-corrective fa-transform = "tile.transform" & gt; & Lt; Fa-surface fa-background-color = "tile.color" /> & Lt; / Father-modifiers & gt; & Lt; / Papa-view & gt; & Lt; / Papa-view & gt; & Lt; / Father-scroll-view & gt;  

I have set the scroll view size that is the screen size.

Then I created a global scene that contains all the object views. And I set the scroll size for this global view.

This works, but we do scroll-view functions ...


Comments

Popular posts from this blog

apache - 504 Gateway Time-out The server didn't respond in time. How to fix it? -

c# - .net WebSocket: CloseOutputAsync vs CloseAsync -

c++ - How to properly scale qgroupbox title with stylesheet for high resolution display? -