Angular Edge Questionnaire
Prompt: You are developing a page that checks the position of elements as the visitor scrolls.
Your visitor is scrolling down a page that shows several posts. These posts are wrapped inside of a container element. As your visitor scrolls, you want to know when the bottom 25% of that element appears above the bottom 100px of their viewport. When that happens, you plan to load more posts.
How would you describe this expression as a query? First, let’s think about it in plain English.
bottom 25% is above bottom 100px
Hmm, let’s try something more like CSS.
bottom: 25%; above-bottom: 100px;
Hmm, a little more like media queries.
(bottom: 25% above-bottom 100px)
I think this will work. What do you think?