Get the position of a scrolling container

3,707
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Sticky Scrolling Sidebar Example

4,832
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Hide Navigation Bar On Scroll

4,813
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Vertical scrolling feed with 2 expandable areas

6,564
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Jazz Music Player

4,751
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Submarine Animation

6,668
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Lights Control

2,533
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Credit Card Statements

3,075
0
Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

469c1b7e-504e-11ed 9221-0e76797a4f7b

Happy Halloween

1,522
0
A halloween project i have put together using the Proto.io Halloween icon set: https://proto.io/freebies/free-halloween-icons/

Paul Baker

Header change on Scroll

2,124
0
76
Change of the header according to scroll position of content.

Paul Baker

Next