Comments (7)
Will check this out asap.
from jquery.scrollto.
One question, are you using "vainilla" scrollTo or serialScroll/localScroll on top?
Considering you call the plugin each time you need to scroll, you can basically define what's the offset before each call by customizing the options object.
If you are using those plugins, you can change the value within the onBefore callback.
Wouldn't that be enough?
from jquery.scrollto.
@flesler dynamic offset would be very useful for responsive layouts, for example in twitter bootstrap
Hero template, the fixed navbar has 47px. So I need to offset all my localscrolls by 47. But if the viewport is smaller than 980px then responsive bootstrap styles change navbars position from "fixed" to "static"... and then the offset is no longer needed.
In this case it would be great if we could do:
$('.navbar').localScroll({
duration: 800,
offset: {
top: function(){ return ($('.navbar').css('position') == 'static') ? 0 : -47 }
}
});
from jquery.scrollto.
For future reference:
- following @flesler 's post this code did the trick:
$('.navbar').localScroll({
duration: 800,
onBefore: function(){
this.offset = {
top: ($('.navbar').css('position') == 'static') ? 0 : -47
};
}
});
from jquery.scrollto.
I think that's good enough. That's the reason I passed the settings to the
onBefore. What do you think.
On Tue, Mar 26, 2013 at 9:35 AM, loostro [email protected] wrote:
For future reference:
- following @flesler https://github.com/flesler 's post this code
did the trick:$('.navbar').localScroll({
duration: 800,
onBefore: function(){
this.offset = {
top: ($('.navbar').css('position') == 'static') ? 0 : -47
};
}});—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-15455413
.
Ariel Flesler
from jquery.scrollto.
@flesler i think onBefore
is enough, you might just want to emphersize it in docs - it took me a long while to find out that onBefore
is what I needed
from jquery.scrollto.
@flesler by the way, thank you for creating and shareing these great plugins 👍
from jquery.scrollto.
Related Issues (20)
- Tween HOT 4
- can this plugin be used to scroll to the bottom of the div HOT 2
- On chrome, if "scroll-behavior: smooth", the duration acts like a delay instead of duration HOT 1
- Not working in Firefox HOT 3
- How to fire jquery.scrollTo after page is completely loaded with all stuff HOT 1
- Cant get my website to work cross browser HOT 2
- initializing plugin using webpack HOT 1
- Not working in mobile version HOT 1
- Would be nice to support centering like scrollIntoView() HOT 2
- Setting to align scrolled item (e.g to bottom) HOT 3
- jQuery.isFunction() is deprecated HOT 1
- Please add info to not to use slim version of JQuery
- Small proposition to cdn doc HOT 1
- Configure speed and ease in HOT 1
- trick like scrollIntoView (center of div) HOT 1
- Scroll to second ID with the same name HOT 1
- Does it work with SVG? HOT 1
- How to scroll lists (ul or ol)? HOT 1
- [email protected]
- Scroll only if element is offscreen? HOT 2
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 jquery.scrollto.