Download & Extend

Slider breaks other "scrollTo" content on frontpage

Project:Slider
Version:6.x-2.x-dev
Component:Miscellaneous
Category:bug report
Priority:critical
Assigned:Unassigned
Status:active

Issue Summary

Hi,

Got the Slider2 to work exactly how I want it to.
The issue I have now is that I have a vertical website that had scrollTo working in vertical format.
When loading Slider2 on the front page (which works great in Slider2, by the way)- I now have the issue of my main navigation links not working.

Basically I have a bunch of pages in a vertical format.
One of those pages is a section of horizontal sliders.
The Horizontal sliding links work great.
Now my vertical links are broken.

I think it has to do with the local-scroll options under "scrollOptions"
how can I declare separate options for my main navigation?

If anyone can point me in the direction to modify slider.js so that it can operate a second set of sliding links- that would be awesome.

Thanks for the great plugin.

Comments

#1

Hi,

I found out how to fix it. Posting for anyone else wondering.
I created an init.js file that is loaded using the template.info scripts calling feature.
This is the last script loaded by the template on all pages.

I copied the part of the slider.js file and pasted it like so, into the init.js file:

jQuery(function( $ ){

  var scrollOptionsNav = {

navigation: '#navigation-wrapper a',
hash: true;
queue: true;
axis: 'y',
duration: 1000,
easing: 'swing'

  };
 
$('#wrapper').serialScroll(scrollOptionsNav);
$('#wrapper').localScroll(scrollOptionsNav);

});

I removed the 'target' and the 'items' options from the scrollOptionsNav variable/array. This allows the body to take over any anchor tags/links under the #navigation-wrapper div that I have declared.

It seems to work. Granted this probably isn't the best way to do it, but for me it works!

Good luck to anyone else.

#2

one last update, i made an error at the "hash" and "queue" options.

change this:

hash: true;
queue: true;

so that it looks like this:

hash: true,
queue: true,

it has to be a , and not a ; so that it doesn't abnormally terminate.

nobody click here