When designing in Adobe Edge Reflow, how do you create divs that start below the fold? Using this site as an example, after you created the top level purple screen, how would you create and position the next screen down with the cream colored background?
As DA01 said, it's about making the content above equal to the height of the viewport.
I haven't used Edge Reflow (and only mucked about a bit with a version of Edge when it was in beta), so I don't know if there are any Edge Reflow specific commands to make it happen. I'm just installing it now to have a play with, and see if I can discern an answer.
In jQuery, you can get the height of the viewport with:
Then you assign that to the height of the element you want:
In the example above, you would've assigned an id of "divAboveTheFold" to the element in your html markup that you want to take up the full height of the viewport at the top of your page.
Things to bear in mind:
There are probably other issues you'll run into as well.
Unless making your top div the height of the viewport is mission critical to your design, I'd probably just leave it.
You can't do what you want to do in Adobe Edge Reflow.