Comments (5)
Hi @luispuig, to reload the settings you can use scrollme.init()
from scrollme.
It works great. I was testing it on a wrong way. Thanks!
from scrollme.
I found the problem. What I wanted is on onload:
obj = $j('.someElement');
obj.addClass('animateme');
obj.addClass('scrollme');
obj.data('when','enter');
obj.data('from',0.75);
obj.data('to',0);
obj.data('opacity','0');
obj.data('translatex',400);
scrollme.init();
The problem is that properties are not catched. The solution is changing this:
if( effect.element.is( '[data-opacity]' ) ) properties.opacity = effect.element.data( 'opacity' );
if( effect.element.is( '[data-translatex]' ) ) properties.translatex = effect.element.data( 'translatex' );
if( effect.element.is( '[data-translatey]' ) ) properties.translatey = effect.element.data( 'translatey' );
if( effect.element.is( '[data-translatez]' ) ) properties.translatez = effect.element.data( 'translatez' );
if( effect.element.is( '[data-rotatex]' ) ) properties.rotatex = effect.element.data( 'rotatex' );
if( effect.element.is( '[data-rotatey]' ) ) properties.rotatey = effect.element.data( 'rotatey' );
if( effect.element.is( '[data-rotatez]' ) ) properties.rotatez = effect.element.data( 'rotatez' );
if( effect.element.is( '[data-scale]' ) ) properties.scale = effect.element.data( 'scale' );
if( effect.element.is( '[data-scalex]' ) ) properties.scalex = effect.element.data( 'scalex' );
if( effect.element.is( '[data-scaley]' ) ) properties.scaley = effect.element.data( 'scaley' );
if( effect.element.is( '[data-scalez]' ) ) properties.scalez = effect.element.data( 'scalez' );
for this:
var properties = {};
if( effect.element.data( 'opacity' ) ) properties.opacity = effect.element.data( 'opacity' );
if( effect.element.data( 'translatex' ) ) properties.translatex = effect.element.data( 'translatex' );
if( effect.element.data( 'translatey' ) ) properties.translatey = effect.element.data( 'translatey' );
if( effect.element.data( 'translatez' ) ) properties.translatez = effect.element.data( 'translatez' );
if( effect.element.data( 'rotatex' ) ) properties.rotatex = effect.element.data( 'rotatex' );
if( effect.element.data( 'rotatey' ) ) properties.rotatey = effect.element.data( 'rotatey' );
if( effect.element.data( 'rotatez' ) ) properties.rotatez = effect.element.data( 'rotatez' );
if( effect.element.data( 'scale' ) ) properties.scale = effect.element.data( 'scale' );
if( effect.element.data( 'scalex' ) ) properties.scalex = effect.element.data( 'scalex' );
if( effect.element.data( 'scaley' ) ) properties.scaley = effect.element.data( 'scaley' );
if( effect.element.data( 'scalez' ) ) properties.scalez = effect.element.data( 'scalez' );
Thanks
from scrollme.
Can anybody to help to do a pull request?
from scrollme.
Hello, I know this is an old question, but I tried with scrollme.init()
and it didn't worked form me. I have some animated elements after a sliding object, every time I show the sliding object and colapse it again, the animated elements doesn't work like when the page was first loaded. I tried clearing the style attribute of those elements when the sliding object slides up or down and it worked.
from scrollme.
Related Issues (20)
- Problem with jquery 3.2.1? HOT 4
- Animation only during first scroll HOT 1
- the plugin does not work
- Problem with wordpress
- Problem with wordpress HOT 1
- NPM
- Not working with Angular 5
- Not working with mobile
- Setting fixed height to data-from and data-to
- Doesn't work with jquery 3.3.1 HOT 8
- Weird behaviour on touch devices HOT 1
- Its not working with div element while body & html's overflow hidden HOT 1
- data-opacity from 0 to 1
- problem with scrollbar HOT 1
- Can I use for my portfolio site? Not seeing a license info. HOT 1
- Animation is finished before element reaches viewport HOT 1
- Elements do not stand at start position outside of viewport HOT 1
- Doesn't work with jquery 3.4.1 HOT 2
- Weird behav on touch device
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scrollme.