WordPress.org
Get WordPress

Make WordPress Core

Changeset 54374


Ignore:
Timestamp:
10/04/2022 01:41:59 AM (2 years ago)
Author:
desrosj
Message:

Twenty Seventeen: Update the scrollTo jQuery plugin.

This updates the scrollTo jQuery plugin included in Twenty Seventeen to the latest version, 2.1.3.

For a full list of changes in this update, see GitHub: ​https://github.com/flesler/jquery.scrollTo/compare/2.1.2...v2.1.3.

Props sarahricker, mukesh27, desrosj.
Fixes #56702.

Location:
trunk/src/wp-content/themes/twentyseventeen
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js

    r46586 r54374  
    11/*!
    22 * jQuery.scrollTo
    3  * Copyright (c) 2007-2015 Ariel Flesler - aflesler<a>gmail<d>com | http://flesler.blogspot.com
     3 * Copyright (c) 2007 Ariel Flesler - aflesler ○ gmail • com | https://github.com/flesler
    44 * Licensed under MIT
    5  * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
     5 * https://github.com/flesler/jquery.scrollTo
    66 * @projectDescription Lightweight, cross-browser and highly customizable animated scrolling with jQuery
    77 * @author Ariel Flesler
    8  * @version 2.1.2
     8 * @version 2.1.3
    99 */
    1010;(function(factory) {
    … …  
    1212    if (typeof define === 'function' && define.amd) {
    1313        // AMD
    14         define( ['jquery'], factory );
     14        define(['jquery'], factory);
    1515    } else if (typeof module !== 'undefined' && module.exports) {
    1616        // CommonJS
    17         module.exports = factory( require( 'jquery' ) );
     17        module.exports = factory(require('jquery'));
    1818    } else {
    1919        // Global
    20         factory( jQuery );
     20        factory(jQuery);
    2121    }
    2222})(function($) {
    … …  
    2424
    2525    var $scrollTo = $.scrollTo = function(target, duration, settings) {
    26         return $( window ).scrollTo( target, duration, settings );
     26        return $(window).scrollTo(target, duration, settings);
    2727    };
    2828
    … …  
    3434
    3535    function isWin(elem) {
    36         return ! elem.nodeName ||
    37             $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) !== -1;
     36        return !elem.nodeName ||
     37            $.inArray(elem.nodeName.toLowerCase(), ['iframe','#document','html','body']) !== -1;
     38    }
     39
     40    function isFunction(obj) {
     41        // Brought from jQuery since it's deprecated
     42        return typeof obj === 'function'
    3843    }
    3944
    … …  
    5055        }
    5156
    52         settings = $.extend( {}, $scrollTo.defaults, settings );
     57        settings = $.extend({}, $scrollTo.defaults, settings);
    5358        // Speed is still recognized for backwards compatibility
    5459        duration = duration || settings.duration;
    … …  
    5964            duration /= 2;
    6065        }
    61         settings.offset = both( settings.offset );
    62         settings.over = both( settings.over );
     66        settings.offset = both(settings.offset);
     67        settings.over = both(settings.over);
    6368
    6469        return this.each(function() {
    6570            // Null target yields nothing, just like jQuery does
    66             if (target === null) { return; }
    67 
    68             var win = isWin( this ),
     71            if (target === null) return;
     72
     73            var win = isWin(this),
    6974                elem = win ? this.contentWindow || window : this,
    70                 $elem = $( elem ),
     75                $elem = $(elem),
    7176                targ = target,
    7277                attr = {},
    … …  
    7782                case 'number':
    7883                case 'string':
    79                     if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test( targ )) {
    80                         targ = both( targ );
     84                    if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)) {
     85                        targ = both(targ);
    8186                        // We are done
    8287                        break;
    8388                    }
    8489                    // Relative/Absolute selector
    85                     targ = win ? $( targ ) : $( targ, elem );
     90                    targ = win ? $(targ) : $(targ, elem);
    8691                    /* falls through */
    8792                case 'object':
    88                     if (targ.length === 0) { return; }
     93                    if (targ.length === 0) return;
    8994                    // DOMElement / jQuery
    9095                    if (targ.is || targ.style) {
    9196                        // Get the real position of the target
    92                         toff = (targ = $( targ )).offset();
    93                     }
    94             }
    95 
    96             var offset = $.isFunction( settings.offset ) && settings.offset( elem, targ ) || settings.offset;
    97 
    98             $.each(settings.axis.split( '' ), function(i, axis) {
     97                        toff = (targ = $(targ)).offset();
     98                    }
     99            }
     100
     101            var offset = isFunction(settings.offset) && settings.offset(elem, targ) || settings.offset;
     102
     103            $.each(settings.axis.split(''), function(i, axis) {
    99104                var Pos = axis === 'x' ? 'Left' : 'Top',
    100105                    pos = Pos.toLowerCase(),
    101106                    key = 'scroll' + Pos,
    102107                    prev = $elem[key](),
    103                     max = $scrollTo.max( elem, axis );
     108                    max = $scrollTo.max(elem, axis);
    104109
    105110                if (toff) {// jQuery / DOMElement
    … …  
    108113                    // If it's a dom element, reduce the margin
    109114                    if (settings.margin) {
    110                         attr[key] -= parseInt( targ.css( 'margin' + Pos ), 10 ) || 0;
    111                         attr[key] -= parseInt( targ.css( 'border' + Pos + 'Width' ), 10 ) || 0;
     115                        attr[key] -= parseInt(targ.css('margin'+Pos), 10) || 0;
     116                        attr[key] -= parseInt(targ.css('border'+Pos+'Width'), 10) || 0;
    112117                    }
    113118
    … …  
    121126                    var val = targ[pos];
    122127                    // Handle percentage values
    123                     attr[key] = val.slice && val.slice( -1 ) === '%' ?
    124                         parseFloat( val ) / 100 * max
     128                    attr[key] = val.slice && val.slice(-1) === '%' ?
     129                        parseFloat(val) / 100 * max
    125130                        : val;
    126131                }
    127132
    128133                // Number or 'number'
    129                 if (settings.limit && /^\d+$/.test( attr[key] )) {
     134                if (settings.limit && /^\d+$/.test(attr[key])) {
    130135                    // Check the limits
    131                     attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
     136                    attr[key] = attr[key] <= 0 ? 0 : Math.min(attr[key], max);
    132137                }
    133138
    134139                // Don't waste time animating, if there's no need.
    135                 if ( ! i && settings.axis.length > 1) {
     140                if (!i && settings.axis.length > 1) {
    136141                    if (prev === attr[key]) {
    137142                        // No animation needed
    … …  
    139144                    } else if (queue) {
    140145                        // Intermediate animation
    141                         animate( settings.onAfterFirst );
     146                        animate(settings.onAfterFirst);
    142147                        // Don't animate this axis again in the next iteration.
    143148                        attr = {};
    … …  
    146151            });
    147152
    148             animate( settings.onAfter );
     153            animate(settings.onAfter);
    149154
    150155            function animate(callback) {
    … …  
    155160                    duration: duration,
    156161                    complete: callback && function() {
    157                         callback.call( elem, targ, settings );
     162                        callback.call(elem, targ, settings);
    158163                    }
    159164                });
    160                 $elem.animate( attr, opts );
     165                $elem.animate(attr, opts);
    161166            }
    162167        });
    … …  
    167172    $scrollTo.max = function(elem, axis) {
    168173        var Dim = axis === 'x' ? 'Width' : 'Height',
    169             scroll = 'scroll' + Dim;
    170 
    171         if ( ! isWin( elem )) {
    172             return elem[scroll] - $( elem )[Dim.toLowerCase()](); }
     174            scroll = 'scroll'+Dim;
     175
     176        if (!isWin(elem))
     177            return elem[scroll] - $(elem)[Dim.toLowerCase()]();
    173178
    174179        var size = 'client' + Dim,
    … …  
    177182            body = doc.body;
    178183
    179         return Math.max( html[scroll], body[scroll] ) - Math.min( html[size], body[size] );
     184        return Math.max(html[scroll], body[scroll]) - Math.min(html[size], body[size]);
    180185    };
    181186
    182187    function both(val) {
    183         return $.isFunction( val ) || $.isPlainObject( val ) ? val : { top:val, left:val };
     188        return isFunction(val) || $.isPlainObject(val) ? val : { top:val, left:val };
    184189    }
    185190
    186191    // Add special hooks so that window scroll properties can be animated
    187     $.Tween.propHooks.scrollLeft = $.Tween.propHooks.scrollTop = {
     192    $.Tween.propHooks.scrollLeft =
     193    $.Tween.propHooks.scrollTop = {
    188194        get: function(t) {
    189             return $( t.elem )[t.prop]();
     195            return $(t.elem)[t.prop]();
    190196        },
    191197        set: function(t) {
    192             var curr = this.get( t );
     198            var curr = this.get(t);
    193199            // If interrupt is true and user scrolled, stop animating
    194200            if (t.options.interrupt && t._last && t._last !== curr) {
    195                 return $( t.elem ).stop();
    196             }
    197             var next = Math.round( t.now );
     201                return $(t.elem).stop();
     202            }
     203            var next = Math.round(t.now);
    198204            // Don't waste CPU
    199205            // Browsers don't render floating point scroll
    200206            if (curr !== next) {
    201                 $( t.elem )[t.prop](next);
    202                 t._last = this.get( t );
     207                $(t.elem)[t.prop](next);
     208                t._last = this.get(t);
    203209            }
    204210        }

  • trunk/src/wp-content/themes/twentyseventeen/functions.php

    r53418 r54374  
    499499    wp_enqueue_script( 'twentyseventeen-global', get_theme_file_uri( '/assets/js/global.js' ), array( 'jquery' ), '20190121', true );
    500500
    501     wp_enqueue_script( 'jquery-scrollto', get_theme_file_uri( '/assets/js/jquery.scrollTo.js' ), array( 'jquery' ), '2.1.2', true );
     501    wp_enqueue_script( 'jquery-scrollto', get_theme_file_uri( '/assets/js/jquery.scrollTo.js' ), array( 'jquery' ), '2.1.3', true );
    502502
    503503    wp_localize_script( 'twentyseventeen-skip-link-focus-fix', 'twentyseventeenScreenReaderText', $twentyseventeen_l10n );
Note: See TracChangeset for help on using the changeset viewer.