maximzhurkin / Jquery Scrolla
Licence: mit
jQuery plugin for reveal animations when scrolling
Stars: ✭ 50
Labels
Projects that are alternatives of or similar to Jquery Scrolla
Pingy Cli
The Simple Frontend Build Tool. No Configuration, No Plugins.
Stars: ✭ 390 (+680%)
Mutual labels: pug
Generator Angular Fullstack
Yeoman generator for an Angular app with an Express server
Stars: ✭ 6,135 (+12170%)
Mutual labels: pug
Papogen
Use Sass/CSS + Pug + Node.js to generate beautiful static website.
Stars: ✭ 37 (-26%)
Mutual labels: pug
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Stars: ✭ 5,132 (+10164%)
Mutual labels: pug
Laravel Vue Boilerplate
🐘 A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
Stars: ✭ 472 (+844%)
Mutual labels: pug
Node Express Mongoose Demo
A simple demo app using node and mongodb for beginners
Stars: ✭ 4,976 (+9852%)
Mutual labels: pug
Ines Io
⚡️ Source of my website and blog (Harp, Jade, Sass, JavaScript)
Stars: ✭ 38 (-24%)
Mutual labels: pug
Squirrelly
Semi-embedded JS template engine that supports helpers, filters, partials, and template inheritance. 4KB minzipped, written in TypeScript ⛺
Stars: ✭ 359 (+618%)
Mutual labels: pug
Gameboy Css
👾 Pure CSS GameBoy - Includes animations and the original sound 🔊
Stars: ✭ 39 (-22%)
Mutual labels: pug
Catalyst
Typescript NodeJS Microservices Boilerplate with Generator CLI - Moleculer, GraphQL, REST, OAuth2, Jaeger, Grafana, Prometheus, Ory Hydra, Ory Keto w/ Access Control middleware, Moleculer-DB GraphQL mixin, Pug, Redis, sibling client repo (login, persistance layer, react-native-web, ios, android)
Stars: ✭ 30 (-40%)
Mutual labels: pug
jQuery Scrolla
Simple jQuery plugin for reveal animations when scrolling
Getting Started
Include animate.css
<head>
<link rel="stylesheet" href="animate.min.css">
</head>
Include jQuery and jquery-scrolla
<script src="jquery.min.js"></script>
<script src="/dist/js/jquery-scrolla.min.js"></script>
Add html
<div
class="box"
data-animate="bounceIn"
data-duration="1s"
data-delay="0.5s"
data-offset="100"
data-iteration="1">
</div>
Initialize plugin
$(document).ready(function(){
$('.box').scrolla();
});
Custom settings
$('.box').scrolla({
// default
mobile: false, // disable animation on mobiles
once: false, // only once animation play on scroll
animateCssVersion: 4 // used animate.css version (3 or 4)
});
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].