Eco-Scroll.js
Eco-friendly jQuery scroll plugin with infinite possibilities
What does it do?
Eco-Friendly - Elements will get removed when they go out of sight
Infinite Scroll - It can scroll will NO boundary
Possibilities - It can transform into many different tools, Possibilities are endless
Why?
I wanted to created a infinite scroll plugin for my own use.
Transformations
- Infinite Image Wall
- Slider
- Carousel
- Image Gallery
- Calendar
- Time-line
- and more ..
Go to www.juntamng.com/ecoscroll to see some of the transformations
How to use
<style>
#divContainer
{
margin: 10px auto;
position: relative;
width: 500px;
height: 500px;
border: 1px #000 solid;
overflow: hidden;
}
.eCell {
position: absolute;
border: 1px #000 solid;
}
</style><body>
<h1><center>Infinite Wall</center></h1>
<div id="divContainer">
<div class="wrapper">
</div>
</div>
</body><script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="../js/jquery.eco-scroll.js"></script>
<script>
$(function()
{
$("#divContainer").ecoScroll({
onShow:function(oParam)
{
if (oParam.bNew)
oParam.$e.text( oParam.x + "," + oParam.y);
}
});
});
</script>Output
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent