Comments (13)
Hi Damon,
are you talking about pins or regular animations?
With pins it's possible, with animation not yet.
regards,
Jan
from superscrollorama.
Hi Jan,
Forgot to mention that, yes it's for a animation. I saw it was possible for pins. So by "not yet" I assume that you are going to include this in SuperScrollorama?
Damon
from superscrollorama.
Hi Damon,
yes, to my mind it is useful for the same reasons I included the updatePin method.
To be honest the reason why I didn't build an updateTween method yet is because I didn't need it ;-).
We'll see, when John or I get around to implementing this...
regards,
Jan
from superscrollorama.
With responsive sites becoming the norm I think it would be a good addition <= this being the reason I need it :p
Though I see it's not 'essential' as most people don't resize their browser, apart from inquisitive developers..
But all the same, I dont want my site to break if they choose to do so.
Thanx for replying,
Damon
from superscrollorama.
Hi Damon,
If It's solely a vertical positioning issue you should try to work with percentages as left position values.
I'll let you know once I got around to implement the updateTween method.
regards,
Jan
from superscrollorama.
+1 for this functionality. Running into the same thing and I'm already using percentages for top and left position values. Any update?
from superscrollorama.
Hi jlevinsohn,
actually I am sorry that I have made no progress in this regard. I just came back from my honeymoon and am quite busy now. I might get around to do it his month, but no promises. :-/
regards,
Jan
from superscrollorama.
Thanks for writing back, Jan. I really appreciate the update.
from superscrollorama.
Good news, everyone! :)
A solution might be near! Check it out: #94
regards,
Jan
from superscrollorama.
Hi Jan,
First of all, thanks for your amazing plugin. :)
You said above that's possible to Update scrollOffset and scrollDuration on the fly for pinned elements, could you please show some example?
Thanks!
from superscrollorama.
Hi inamine,
Do you mean for Superscrollorama or for ScrollMagic?
For Superscrollorama you can find an example on the Demo Page.
(see the updatePin method).
For ScrollMagic I didn't get around yet to make any examples or demos, because it is still in development.
But it's a lot more intuitive than Superscrollorama in regard to runtime updates.
Basically you initiate like this:
var controller = new ScrollMagic();
var scene = controller.addScene("#trigger", {duration: 400, offset: -200})
.pin("#pinelement");
and then at any point in time you can do this:
scene.duration(600);
or this:
scene.offset(-100);
hope this helps!
best regards,
J
from superscrollorama.
Thanks a lot!
Regards
from superscrollorama.
If you tweaked this function to accept an object and then to push that object to the array of tween like it sort of does under the hood. Then in theory if you kept a reference to that object around, you could change the offset on a resize and the tween would auto update.
I would imagine you would also need to invoke some sort of auto update function as well, nasty but it would work
// PUBLIC FUNCTIONS
superscrollorama.addTween = function(target, tween, dur, offset, reverse) {
tween.pause();
animObjects.push({
target:target,
tween: tween,
offset: offset || 0,
dur: dur || 0,
reverse: (typeof reverse !== "undefined") ? reverse : superscrollorama.settings.reverse, // determine if reverse animation has been disabled
state:'BEFORE'
});
return superscrollorama;
};
from superscrollorama.
Related Issues (20)
- Trouble with Mobile Superscrollerama HOT 2
- How to disable Superscrollorama in mobile devices? HOT 1
- Mac chrome lag HOT 2
- Make a tween.js version? HOT 1
- CSS problem HOT 4
- Scroll not working on PC mouse wheel HOT 1
- Superscrollorama and screen size/media queries HOT 1
- Superscrollorama autostart from top HOT 1
- Superscrollarama does not reverse start values HOT 4
- How do I scroll two time for pinned element before the window go to next pinned element HOT 1
- Adding delay to tween HOT 4
- Query: flashing mid animation HOT 1
- Skip pinned element HOT 4
- Is there a seek functionality ? HOT 1
- Uncaught TypeError: $.superscrollorama is not a function HOT 2
- Scrolling performance improvements via layerization HOT 4
- add package.json HOT 3
- Espaçamento no topo
- help scroll
- My SuperScroll Orama not working in firefox while working in chrome
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 superscrollorama.