We help IT Professionals succeed at work.
Get Started

prevent multiple panels from scrolling simultaneously

soujohn
soujohn asked
on
874 Views
Last Modified: 2013-11-11
Greetings,

I am having issues with the localScroll jQuery plugin that I am using in order to slide overflowed content.  Currently my code is setup so that when you click a link within the navbar of the Work section the content will slide for every panel simultaneously. (i.e., if I click on the Scan Design link from the work section it takes me to that panel. Then if i click on the web link that content slides up. Then if I click the orange arrow in the nav bar it will take you to the next client, but it will land on their web section rather than starting in the print section.)

Here is a link to view the issue:
http://www.soujohn.com/clients/sil/test/index-work.html

This is what my localScroll script looks like currently.

                                    $('#section-work').localScroll({
                                                target : 'div#content',
                                                axis : 'xy',
                                                queue : true,
                                                hash : false
                                    });

I know that all the panels are scrolling because my target is set to animate every div with the id of "content". However if i remove "div", and leave it as "#content" then the localScroll animation will only scroll the the first section (Scan Design). Then if you click the right arrow in the navigation bar to access another client the links in that navbar won't animate anything.

Is there any way I can have the localScroll target each #content div which contains the sliding content, but not have it scroll the content simultaneously?
Comment
Watch Question
Commented:
This problem has been solved!
Unlock 1 Answer and 2 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE