Links

210
comments:

Hi Ariel,thanks for both new versions of scrollTo and localScroll.Although previous version was working fine for me, I just upgraded to have the benefits of this new releases.So far, so good, everything has been working like a charm.

About the changes, I wonder if you could elaborate a little more on this:

The element that triggered the scroll cannot be accessed anymore from within the onBefore, you can bind your own click (or w/e) to them in order to add a class or things like that.

I would like to see some code example (no need to set up a full working example) about how to do that binding.

Thanks for the wonderful script, I'm amazed how small yet smooth and fully-featured it is.

I've got it working nicely, except for a minor niggle - it refuses to scroll vertically as well as horizontally.

Please look at this demo. the boxes with the green borders are the targets when you click on the black navigation boxes (Ledo, etc.). As you can see, the green boxes come into view perfectly horizontally, but not vertically.

Never mind my last comment, I figured it out. However, I have another small problem now. After everything has scrolled, if I try to scroll vertically manually (using the scrollbar), the whole DIV goes back to the original position. This doesn't happen if I scroll it with the keyboard or the mousewheel, only when I click the actual scrollbar. It's very odd and I have no idea why it could be happening. Any ideas? Thanks,

Heh, same time posting. I just thought I'd point out that I updated the demo I linked to earlier that shows this new behaviour. To reproduce, click on "Sensorio" link and then scroll down by clicking down on the scrollbar on the right. The #content div should immediately switch back to the original position. Thanks,

I managed to solve the problem I mentioned above. In case it helps anyone, it turns out it was only affecting Mozilla and that it's due to a documented bug affecting anything containing overflow-x:hidden and overflow-y:scroll (or auto). I had to get around it by not setting overflow-x to hidden and then hiding the horizontal scrollbar by bringing the content below over it. Not ideal, but there's no other way as I had to be able to scroll vertically with the scrollbar.

I use both serial and local (1.2.6) scroll on a site with jquery (1.3.1).IE6 seems to have a problem with localscroll. A click on the link displays the page but without any scrolling.I tried the new version of localscroll on a test site, and the page doesn't even displays anymore.

This is the strangest behavior, but when I using Localscroll clicking the #footer localscroll link actually causes #footer's background image to be superimposed for a split second over the whole screen with the beginning with the bottom right of the image originating at the anchor's location... any ideas?

I'm using localScroll in tandem with scrollTo. Yes, I know that localScroll needs scrollTo to work, but that's not what I mean ;)

I'm using scrollTo inside localScroll's onBefore.I would like localScroll's scrolling to begin just after scrollTo's scrolling has finished (that's why I'm using it inside localScroll's onBefore).

Although you told me once that scroll (localScroll in this case) starts after onBefore "finishes" (probably, when it returns true), in this case the localscrolling happens at the same time that the scrollTo scrollilng.

Just for the record: it works only if "queue" setting (for localScroll) is set to "false".If not (ie. "queue: true"), it will scroll just one of the axis (the first one declared on the "axis" setting).

I am making a website with 4 tabs all sliding on the X axis (Home, About, Portfolio, Contact).Under the Portfolio tab i have 2 sub-sections (Print & Web). I have these sliding on the Y axis. What i am trying to do is if someone is on the Print or Web sub-section and then clicks on the Contact tab i would like it to slide back up on the Y axis to the portfolio tab, and then slide on X axis to the Contact tab.

@CharlesYou can change the order by permuting the 'x' and 'y' in the axis setting, also, the way you arrange them in the page will dictate the movement. The plugin just goes from one to the other in the (axes) order you specify.Play with the settings & css :)

thanks for this script, I have been playing around with css and have managed to get the script to work in a way I wanted with each scrolling section taking up the full browser width and content aligning to middle

as seen here demoonly thing is the effect is a little jumpy and im wondering is there anything I can do to make it a bit smoother. My JQuery knowledge isnt great and im not sure i have evrything setup for ideal use.

Hi RichyIt's always about tuning the css to ease on the browser's redrawing process.First of all, you should set the option 'axis' to just 'x' instead of 'xy'.You should specify dimensions (width,height) wherever it is possible.Finally (as far as I know) you should not abuse (CSS) floating and position absolutes.I'm not saying "don't use them", just keep it controlled.

Great script and works very well for my application. I can't seem to figure this one out though. In IE6 the text runs over the image. I didn't want to populate it anymore until I could fix this issue or figure another solution.my siteHere is a screenshot of the text overlap.

I have noticed that because I am using localscroll to scroll to my footer div via that there is a sudden stop at the bottom, troubleshooting, I found that divs higher on the page still have the gentle, easing stop. I assume this is because localscroll is trying to get the div to the top but is not allowed and so the animation is cut short. Any suggestions for resolving this (I hate to point the link to another div because that will make for an ungraceful degradation if javascript is turned off).

I didn't touch the minified code... I think this is a bug in the current version of Firefox. It works fine everywhere else. I think I might be stuck :( It's a rare problem because the window is trying to scroll the footer to the top of the screen, most people probably don't encounter this. Maybe you can fix it in the next release ;) Let me know if you have any other ideas...

I sent you an email with the issue I was having. I am using a temp fix by using an iframe, but I really don't wanna use it unless I absolutely have to due to the way I have it laid out. Any help would be appreciated. Thanks.

I've previously used localScroll successfully, but I'm now running into trouble while trying to use it with jScrollPane. It seems that when both are called on the same div (or another nested with it), localScroll loses its animation and simply jumps to anchors.

Oh boy, yes, me again... The reason i pester is I'm designing a whole project around your work, and I'm almost there... Dont worry. Trying to wrap my head around this: i was using scrollto on its own and i would load a different local iframe into a div named reactor below the scrolled element with the onafter function by doing this in it:

in local scroll is there a way to add a different onafter for each anchor id in the groups function? I sense there is but I am just learning javascript... And how would I write that for best performance? How about I make a donation right now for your help and work, this was turning into a one way street. Thanks for everything Ariel.

I use jQuery.LocalScroll 1.2.7 to move the entire page. To do this I use "$.localScroll();" and it works fine. Now, I have inserted another application jQuery UI Tabs, but the problem is that the links UI Tabs also move the screen. Can you explain how the filter to ignore the links UI Tabs?

@aiwazzLocalScroll's onAfter is ScrollTo's onAfter actually. The first argument (check ST's docs) is the target element. It will have the id you're seeking.

You can add:if (elem.id == 'foo') ....else ....

If you want, send me an email next time. I might reply faster.Thanks for the donation :)

@JampovYou can use the setting called 'filter' to choose which links are affected. Another way is using $('something').localScroll() instead of $.localScroll(). That allows you to define containers and only the links within them will be affected, all this is explained in the main blog post.

If I act a few times the tabs, for example (One, Two, Three, Two, One, Three) immediately and can not use either localScroll and the scroll browser. This happens in Firefox and Opera. In Safari for mac press One, Two... scroll ago up. I want to ignore the links in the tabs.

@JohnLocalScroll relies on ScrollTo which in fact relies on $.fn.offset.If it isn't accurate on Safari 4, then it needs to be fixed in the core (the calculations that is).If you can prepare a test case, without localScroll, just $.fn.offset then it can be reported to jQuery's bug tracker.

Then... I have a very strange cross-browser compatibility issue with LocalScroll. I'm making a website for a friend who wants a "horizontal design", with links spread everywhere in the page, so I thought that LocalScroll would perfectly fit. I started the dev with FF, everything was fine. But when I paused my work to run some tests on other browsers, I saw that the scrolling effect doesn't work on IE<7 and Safari (on click, the page jump directly to the anchor).I opened the localscroll test page with all the browsers, it works perfectly... There is a lot of javascript in the page, my friend love effects ^^' And none of them shown any issue except the call to localscroll, whatever the browser used. So I first thought about a conflict and ran other tests with a very simple page: an overflown div containing a list of three blocks with a float:left; and three links targeting those blocks. I inserted jquery, scrollto and localscroll, and only called localscroll with the default settings (except for the target, my overflown div, and the axis, set to x)...And it was the same thing, no issue with FF, Chrome, and IE7+, and default browser's behavior instead of scroll effect for Safari and IE<7. A very odd thing is that if I turn on the 'hash' option, when I refresh the page with a hash in the url, it triggers the effect like it should (but still not working by clicking on the links)The fact that your online demo's working in all browsers show that I'm missing something, but I'm unable to figure it out :/I tried to copy and paste the js files you use in the demo (in case I just forgot a semicolon or let an extra comma) but obtained exactly the same result.I'll continue to think and test tomorrow, and I'll post another comment if I find what's wrong or if I give up.If you have any idea... (I'm quite sure that's an obvious little thing)Thanks in advance. ^^(and I apologize if my english isn't totally correct, I'm french and don't often have the opportunity to use this langage)

Ariel, Thanks for pointing me in the right direction. I had added overflow-y:auto to the html and body tag because of the fixed footer at the bottom of the page. Once again, I most likely blame this problem on IE6.

I don't see how you can say on the jQuery website that LocalScroll is "incredibly easy to implement".I've been copying/pasting code the last 1/2 hour now and still can't get it to work.

I followed the regular demo page at http://demos.flesler.com/jquery/localScroll/ and copied it down to my localhost.Then I copied the 3 .js files and 2 .css files and left the one going to googleapis alone.But it's still not working.

I am in pain. There seems to be some conflict with different libraries (ScrollTo and localscroll) on our corp site. If you could visit p$j$m.com (remove $ signs plz) and click Glossary (top left), let it load, close it and then try to search (top right), it throws an error in IE7 and IE8. This behavior does not happen in FF or IE6. I am quite new to jquery and js so any help highly appreciated. Thank you!

Not sure if you had a chance to look at my issue but I tried to run a test to see if there is memory leak in IE and it came negative. I friend of mine suggested I add some functions to release the memory, any idea what and how I can do that?

Hi Ariel, thanks for your plugin but unfortunately I have had problems trying to use the localscroll. Really I don't have idea why it isn't working in this page 'cos I tried in another and it worked. So I would be very pleased if you could have a look at my page to try to find the error. the url is http://tocoimobiliaria.freehostia.com/anuncio.php?id=2 and it should scroll when you click on the orange button (informacion, fotos, facilidades, etc).Thanks I will reaaly appreciate ur help

is there a change to activate localScroll also with other elements than a-tags? I have a label with the id "business". When I click the label the page should scroll down to footer to reveal the submit button. Would this be possible?

Hi Ariel,Thanks for the plugin, first of all! I was using some non-jQuery code called softscroll from http://scripterlative.com/files/softscroll.htm before, and LocalScroll has been so much better to work with.

Is there any way to essentially "queue up" a couple of anchor destinations? In this case, I have a large page with a bunch of absolutely positioned divs. I'd like to be able to click a link to #square2 from a div called square1, and instead of scrolling directly to square2, the viewport first scrolls to div#in-between before starting the effect again and moving to #scroll2. So with axis set to xy and queue set to true, the viewport would scroll 4 times total before arriving at #square2. Is that possible?

This is just for a fun, "arty" side project that I'm working on, so it's by no means urgent.

Hi PeterLocalScroll only works with clicks on links/areas.You can generate scroll animations by triggering the click event on the desired links.If you keep the settings 'lock' and 'stop' as false, animations should queue up.

Maybe you should consider trying serialScroll for the sequential scroll.

HiYou seem to be using an easing equation that is not registered.Check what you put in the setting called 'easing'. If this is the problem, you need to either remove the easing or include the easing plugin.

I just see a form being shown as the scroll goes down. It's quite expected the whole glitch, you're scrolling to the bottom and it (the bottom) moves down as the window scrolls, the whole effect seems odd to me.

Hi DarrenYou need to include scrollTo as well. If you use Firebug, you'll probably get an error "jQuery.scrollTo is not defined".If you have any other problem, please post a link to a demo if possible.

Thanks for a great script! I have a problem though. I've used the Coda Slider tutorial: http://jqueryfordesigners.com/coda-slider-effect/ To get the horizontal slide effect. It works like a charm in all a-grade browsers EXCEPT IE8. I've tested and tested but can't seem to figure it out. The problem is that the scroll 'resets' after my first click. I've placed #-links inside my divs to guide the user forward in a 3-step process. My guess is the problem has something to do with the hash part in the address line... You can see it here (but the problem only exists in IE8): http://bit.ly/RRU9h

My apologies for being so dense, but in the Ajax demo, where is the content coming from? I don't see in the source code any links to the actual content that's loaded. I know, I know, you all are laughing at me! But this seems so cool, I thought I'd show my ignorance and ask ... so I can use this great thing.

First, thank you for the beautiful js plugin. I think it is wonderful. I currently have it going on http://utngtrust.org/ So, take a look at the contact tab and be proud.

One problem I noticed was that although it works perfectly in IE 7+ and the latest Firefox, it appears to not work at all with Chrome. Do you know of any issues, or did I do something quirky that confuses Chrome?

Hi, thanks a lot for this post it is brilliant!I am trying to put it into a site of mine and am just wondering if it is possible to set where the scroll stops. So instead of having it stop at the left edge of the screen could it be centered because I want the header and footer to be centered on the page and for the scrolling content to line up with this.

Nice work but I am having a few problems - - hoping for some help - - I apologize for the long post but I hope to give complete info here.

It is a little complicated, basically my deal is this: 1) within multi-step form, (on a certain page of the form), upon a radio click, I ajax-load a long list of selectable items (there are number of radios and each fetches a different list);2) once a user selects from the list, they may leave this "page" of the form and go to the next "form page" (I am using this "page" terminology since this is what is in jQuery Tools scrollable plugin which I am currently using) - - note that this selection is stored in an object called "currentState" as a property called "childId";3) if the user navigates back to that page BUT has scrolled down further in the list (so that the current selection is not visible), I need to "scroll to" that selection within this ajax-loaded div;

So, net-net, at the right moment (and I can detect this), I would love to use localScroll to make certain that the current selection is always in view.

Here is the test set up (driven by "click" event at the moment for testing):

//testing section//currentState.childId; is the id of the current selectionvar childId = currentState.childId;//#subkind-target-wrapper is the ID where I load the ajax-fetched listvar theTarget = $("#subkind-target-wrapper #"+childId+"");var scrollToOptions = { target: theTarget }

//test-scroll-to is the id of a test link on the page$("#test-scroll-to").live("click", function () { $.localScroll(scrollToOptions);});

But this does not seem to work - - cannot find any errors in Firebug, though. Seems like the init is correct.

Any help at all would be appreciated, but I suspect that even though the ajax-target wrapper is present when the dom is loaded, the actual selected child was not - - this is why I use "live" to bind the click to the new element.

Hi Ariel, I'm experimenting with a page like your LocalScroll demo, but on initial load (or a refresh) of a url that has a hash I want it to go to the first anchor as it would do if the root page is loaded. Any ideas please?

Hi I have div1 class="post" div class="title" div2 class="post" div class="title" div3 id="post" div class="title" .... div10 id="post" div class="title" I am trying: clicking on div#title belonging to div1 scrolls to div#title belonging to div2 and so on to cut a long story short clicking on div#title scrolls to the next div#title and so on I have tried and not succeded so far Any help will be very much appreciated jean

first of all - thanks for ur great work.I managed to get the scroll-effect to work, but I got an issue. When one clicks on a link it doesn't start scrolling right away - for a second or two nothing happens and then it scrolls.

Thanks for your great jQuery plugins. I have created a mini-site using LocalScroll which you can see athttp://202.174.100.170/~alpacaca/index.phpI checked it out several browsers including IE6 and Safari (4.0.4) and the scrolling works OK. My problem is that my client says that on these two browsers (IE6 and Safari 4.0.4) the site works OK but without scrolling.Any suggestions you have would be greatly appreciated.

Hi Ariel and congrats to this great script. I'm using it on a site, and if I use it only with the default call $.localScroll(); it works perfectly. Nonetheless I need to exclude one element from being scrolled to when clicking a link, so I put it the following way:

$.localScroll({filter:'#element-not-to-be-scrolled-to'});

Well, when doing that the script stops working alltogether, it just doesn't do anything at all, as if it was not present in the code. Do you know of any reason why that could be? I've double and triple checked all the code, no open tags, no javascript errors, as said it works perfectly with no argument but not with the filter argument.

Hi There, I was having the same problems as others where localSroll does not work in safari when opening files directly.

I think i found the issue which is that when safari opens a local file location.href returns a path with filenames that are not urlencoded while in the filter() function of localscroll, this.href returns a path that is url encoded.

In my case, the problem occurred for a file that had a space in the html file name (I know bad idea).

made the script work for the particular file in safari. However, I realize that it probably breaks things for other browsers that already escape the characters in location.href. I'm a javascript newbie. I'm not sure how to integrate this so that it works with all browsers.

Maybe the best solution is simply not to use page names with characters that need to be escaped.

I've successfully used both your localScroll and serialScroll plugins. However, I'm wanting to incorporate the two together. I need the full window scroll capabillity of localScroll with the next/previous functionality of serialScroll. What is my best option for doing this?

Great plugin! I'm using $.localScroll.hash on document.ready to scroll to 'after the jump,' it seems to work fine in Firefox but gives me a flicker in Safari, like the browser is autoscrolling it down to the anchor and then the plugin is bringing it back up. Do I need to disable the browser's behavior somehow or does the plugin do that already?

I'm having a serious issue with it in IE8 however, where the last link in my horizontal scrolling navigation never completely scrolls. It works perfectly in IE7, FF, Safri, Chrome, etc. But I simply cannot figure out why it's not working in IE8.

My demo is linked below. Somply remove the $'s. Thanks in advance for any help!

NOTE: I seem to have resolved the issue by changing the 800px right margin to right padding for each page(I do this to space them), but I'm still not clear why the right margin did not work in IE8 but worked fine in IE7 and all others browsers...

Hi Ariel,Firstly, thanks for a great plugin. I've used in on a couple of sites now and love it.

I have recently spotted a couple of issues, which really only are applicable to Mobile Safari and very specifically the iPad.

When using localscroll for links up and down the page, they just don't work properly. Say for example, if I have a link to the top of the page, if I click it jumps to the top, but then animates back down to where I clicked the link.

I appreciate that you may not support this, but I have used this method for a single page site and basically it's not useable on the iPad and not great on the iPhone.

I just wanted to point something out with regards to the filter: option for anyone else who might have trouble with it. The filter: option lets you specify on option for items you would like to scroll, and every other which would normally scroll is ignored. So that say you had:

$.localScroll({ filter:'scroll)' });

This will only scroll links with the class="scroll" are clicked.

If however you wanted to set it so that you are able to scroll everything else and exclude a set of classes (as in my case where I wanted to ignore localScroll for a set of links that would hide/show a bunch of divs with # tags). You simply set:

$.localScroll({ filter:':not(.noscroll)' });

This will basically scroll all other applicable links but items with the class "noscroll". I hope that is clear. I've banged my head against the wall all morning with this trying to figure this out as this was not clear to me from any of the posts or comments. It seemed to me that filter: 'noscroll' would do exactly what I intended.

// Scroll initially if there's a hash (#something) in the url $.localScroll.hash({ hash:true, target: '#caruselWrapper', // Could be a selector or a jQuery object too. queue:true, duration:2500, reset:true });

/** * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I * also affect the >> and << links. I want every link in the page to scroll. */ $.localScroll({ target: '#caruselWrapper', // could be a selector or a jQuery object too. queue:true, duration:1000, hash:true, onBefore:function( e, anchor, $target ){

but when the page loads without the anchor name Initial works the slide of the first elementbut if the url of the page contains an anchor namestarts doing the slide page up at Anchor name and then immediately returns to the first element with this code: ("# caruselWrapper). scrollTo ('li: eq (0)', {speed: 2500});how to solve?

Thanks for the great tutorial. Could you please tell me how to have the localscroll always position in the centre of the screen. I'm working to a screen resolution of 1024x768 and the object is in the centre. But when I increase the screen size the object is not in the centre.

I tried your plugin with the iPad and unfortunately it doesn't work.. the browser first jumps to the link than then does the scrolling to the opposite side. It's strange because with Safari it just works fine.

I have a page using the localScroll with a fixed menu and a fixed header (css = position:fixed;). I am scrolling the whole window and the content area gets hidden behind the top header when scrolling the window.

Because the header is fixed, I am offsetting the anchors by the height of the header in the localScroll settings. This works perfectly when clicking on the localScroll menu! Thank you! =)

The only thing I noticed is that if I am on another page within my site or try to go to a hashed url directly by typing it in the browser location bar such as...

www.example.com/mypage#myanchor

...the offset from the top is not applied. So, what happens is the content is hidden by the height of the header.

Behavior works as expected if I am clicking through my localScroll menu and use the browser back button, the offset is applied correctly. Only when I link directly to my page with the #hash does it not get applied.

I've a question is there any possibility to make both axes scroll on an iPhone or iPad?For me your script is perfect and it works in every browser I've tested it so far except mobile devices there it only works for the Y axes not for X.

do I've done anything false or is this a commen problem:

http://www.antibla.org/wip/ - if you go in this site you'll have a demo.

Hey Ariel, these plugins are just what I was looking for to add the desired effect on my clients site. I have been trying to add a mask to the container so only one box shows at any given time with no horizontal scrolling bar. I used overflow:hidden in the css for the mask div which worked visually for hiding the other boxes but now the scrolling animation has stopped working. I'm sure there is something in the JS I can change to get this to work but I have no clue. Could you please point me in the right direction? Thanks in advance for your help.

I had a problem with my localScroll. It was aligned very well when clicked on one of the trigger links, but it was aligned a little bit to right when the page loaded with no hash or no click was done on the menu.

So, here is how i solved the issue:(for those Googlers, keywords: align problem margin right left preload hash default local element to scroll window.load onload document.load $(document) $.() javascript hash example retrieve get and set hash #)

thank you very much for thw, I am building a portfolio site and your script just works perfect!

I have solved the slow-scrolling-problem by reading the comments, but now I have one question left: how do I get the background-color-change done? There is one line commented out in the script, I filled out the hex colors and the time, but I still get an error.. Could you please just post me an example of that line that will work so I could use that function of your script, too? Would be great!

Hello, Ariel,thanks for your work, really nice plug-in.Just one question...is there any way to load specific slider when page is fully loaded? For example, I have 5 slides on the page and I want the 3-th slider to load first. How can I do that?

Hi I was wondering how I could kind of do the reverse of the localscroll demo, what i would like to do is have the main links scroll horizontally and the sublinks scroll vertically, how could this be done? Would I have to float the sections to the left and remove the float from the list items and then set the axis differently from the defualt xy?

In the moment I have an weird issue in Opera. If I have scrollTo/localScroll and FlexSlider(http://flex.madebymufffin.com/)on one page, Opera shifts the content to the left so everything sticks on the left border of the content box.It's only in Opera and only if I use both plugins. Here's a demo http://daddy-cool-party.de/testlauf .I've already talked with Tyler Smith who developed FlexSlider, but he has no clue why this happens.Maybe you can see the problem.Thanks in advance.

Hi,Ariel, my question should be stupid for you but i'm pretty weak with javascript.

I realy like your demo http://demos.flesler.com/jquery/localScroll/ajax/,but i get no clue on how you call let's say the remote page for the content. I look the source code of the demo page and i was not able to find where is the folder and the page to call.

Your plugins saved me on a current project - thanks for developing them. I'm having a curious issue:

Like another recent commenter, I have a fixed header and horizontal menu and the content scrolls up underneath it. There can also be a few other elements which show up between that horizontal menu with my links and the content area with my anchors. I spent a lot of time doing the math to figure out the offset for each case, but there's one thing that's still not working: on the page, if the anchors are too close together, then the scrolling isn't accurate.

What I mean by that is that we want to have the anchor come right up under the menu (or other element if it's there), but if the space from the chosen anchor to the next one is small, then the page scrolls up too far.

This doesn't make much sense to me, since it seems like we're getting an array of the top posisions of the anchors and scrolling to each one, minus the offset, so it doesn't seem like it should make any difference how far apart each of the anchors are.

The content being linked to varies widely, so I can't set a min-height to correct this. Any insight would be much appreciated!

Actually, I mis-stated my situation in the last comment (as well as misspelling "position") - the scroll is actually working correctly. I'm simultaneously trying to place an arrow pointer under the link that was just clicked and that logic is based on where the anchor is on the page and sometimes, the pointer does not match...so I'm not sure if this is a question for you or not.

Basically, it still comes down to a problem when anchors are too close together - the script which detects where the anchor is kind of breaks and then in turn, my arrow positioning breaks (doesn't get assigned to the link which was just clicked).

If that makes any sense at all, and you (or anyone reading) has any ideas, that'd be great.

My only suggestion would be to allow the target to be a standard anchor rather than element id: <a name="test"/>. This would allow this plugin to follow more standard behaviour, and would degrade gracefully on browsers with JavaScript turned off. Just a thought...

Hi Ariel,Just wanted to give you a big THANKS for posting such a helpful chunk of code! I have been scratching my head for weeks trying to solve a problem involving smooth scrolling with an added jquery opacity change plugin and your script did the trick!

I literally ran around my house screaming after I figured it out. Oh, the joys of coding!

I am having a difficult time embedding a localScroll within another. My attempted solution was to create a second init.js (initA.ja), and change the target: to '.about'. The first problem is that when I use the about navigation, the div class .about moves around a bit, x then y. When using the about navigation after that, there is sometimes additional y x scrolling. Lastly, since .about is within #content, using the main navigation causes .about to scroll.Any ideas?