Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Scroll Navigation (gallery-scroll-nav) on cdn

Last Updated: 10/18/12

+ 0 -

Anthony Pipkin

YUI Developer

See 28 more by this user.

Created: 06/19/10
Last CDN Push: 03/11/11
Build Tag: gallery-2011.03.11-23-49
Project: YUI 3
License: YUI BSD
YUI Version: 3.7.3
Free for use.

 

 Moving to 'gallery-xarno-scroll-nav' and Y.Plugin.ScrollNav

A plugin that will take all selected anchors and attach a click event to scroll to the anchor target.

Takes a selector config so you can allow for specific anchors or items to trigger the scroll. If using something other than <a> you will need to have an href attribute in the element for scroll-nav to work.

Allows for multi-click overrides, so if you click on a second item before the first is reached, it will continue the smooth scroll to the second item and forget the first.

Also calculates to highest scroll Y position if target is at the bottom of the page so smooth scrolling will not break.

Configuration

easing - change the easing style of the animation
duration - time it takes for the animation to complete
selector - allows you to specify the anchors or items to trigger the scroll
scroller - (not used) defaults to window and is in place for future build where scroll height and other properties are gathered from the scroller target and not window

Code Sample

<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>

<ul>
    <li><a href="#">Scroll To Top</a></li>
    <li><a href="#bottom">Scroll To Bottom</a></li>
</ul>
 
<script>
YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.03.11-23-49'
}).use('gallery-scroll-nav', 'node', function(Y) {
 
    Y.one('ul').plug(Y.Plugin.ScrollNav);
 
});
</script>

Forum Posts

Subject	Author	Date
Standardizing apipkin Modules	Anthony Pipkin	10/16/12