angular-edge

Name Modified Size
LICENSE.md3 years ago1.09 KB
README.md3 years ago1003
angular-edge.js3 years ago2.89 KB
demo.html3 years ago3.92 KB
illustration-1.png3 years ago3.93 KB

Angular Edge Questionnaire

Prompt: You are developing a page that checks the position of elements as the visitor scrolls.

Illustration 1 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?