mirror of
https://github.com/10h30/yeuchaybo.git
synced 2026-06-05 15:10:03 +09:00
Thuan Bui
88 lines
1.8 KiB
JavaScript
88 lines
1.8 KiB
JavaScript
/**
|
|
* Custom JavaScript.
|
|
*/
|
|
|
|
( function( document, $ ) {
|
|
'use strict';
|
|
|
|
/**
|
|
* Append span to menu toggle.
|
|
*/
|
|
$( document ).ready( function() {
|
|
$('.menu-toggle').append('<span></span>');
|
|
} );
|
|
|
|
/**
|
|
* Add shrink class to header on scroll.
|
|
*/
|
|
$( window ).scroll( function() {
|
|
var scroll = $( window ).scrollTop();
|
|
var header = $( '.site-header' ).outerHeight();
|
|
if ( scroll >= header ) {
|
|
$( '.site-header' ).addClass( 'shrink' );
|
|
} else {
|
|
$( '.site-header' ).removeClass( 'shrink' );
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Smooth scrolling.
|
|
*/
|
|
// Select all links with hashes
|
|
$( 'a[href*="#"]' )
|
|
|
|
// Remove links that don't actually link to anything
|
|
.not( '[href="#"]' )
|
|
.not( '[href="#0"]' )
|
|
|
|
// Remove WooCommerce tabs
|
|
.not( '[href*="#tab-"]' )
|
|
.click( function( event ) {
|
|
|
|
// On-page links
|
|
if (
|
|
location.pathname.replace( /^\//, '' ) ==
|
|
this.pathname.replace( /^\//, '' ) &&
|
|
location.hostname == this.hostname
|
|
) {
|
|
|
|
// Figure out element to scroll to
|
|
var target = $( this.hash );
|
|
target = target.length ?
|
|
target :
|
|
$( '[name=' + this.hash.slice( 1 ) + ']' );
|
|
|
|
// Does a scroll target exist?
|
|
if ( target.length ) {
|
|
|
|
// Only prevent default if animation is actually gonna happen
|
|
event.preventDefault();
|
|
$( 'html, body' ).animate(
|
|
{
|
|
scrollTop: target.offset().top
|
|
},
|
|
1000,
|
|
function() {
|
|
|
|
// Callback after animation, must change focus!
|
|
var $target = $( target );
|
|
$target.focus();
|
|
|
|
// Checking if the target was focused
|
|
if ( $target.is( ':focus' ) ) {
|
|
return false;
|
|
} else {
|
|
|
|
// Adding tabindex for elements not focusable
|
|
$target.attr( 'tabindex', '-1' );
|
|
|
|
// Set focus again
|
|
$target.focus();
|
|
}
|
|
}
|
|
);
|
|
}
|
|
}
|
|
});
|
|
}( document, jQuery ) );
|