Search This Blog

G S Patel

I am working as front end / UI developer over 5+ year.

SASS

Get link
Facebook
X
Pinterest
Email
Other Apps

July 02, 2020

$z-index: 3;
@for $i from 1 through $z-index {
   .z-index-#{$i} {
      z-index: $i   }
}

https://github.com/Gspatelw3/Onepage-Studio

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Animation js (Alternative wow js)

May 11, 2021

function isScrolledIntoView(elem) { let docViewTop = $(window).scrollTop(); let docViewBottom = docViewTop + $(window).height(); let elemTop = $(elem).offset().top; let elemBottom = elemTop + $(elem).height(); return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop)); } $('.animate').each(function() { if (isScrolledIntoView(this) === true) { let animation = $(this).attr('data-animation'); let iteration = $(this).attr('data-iteration'); let duration = $(this).attr('data-duration'); let delay = $(this).attr('data-delay'); $(this).addClass('animated'); $(this).css({ 'visibility': 'visible', 'animation-duration': duration, ...

JavaScript code

July 14, 2018

// Select ==================> $( ".heapbox" ).heapbox( { effect : { "type" : "slide" , "speed" : "fast" }, "onChange" : function ( val, elm ) { elm.trigger( 'change' ); } } ); // auto increament class name $( document ).ready( function ( e ) { $( 'ul li' ).each( function ( i ) { i = i + 1 ; $( this ).addClass( 'item-' + i ); } ); } ); $( window ).scroll( function () { jQuery( '.home .header nav > ul > li > a' ).each( function() { var $scroll = jQuery( window ).scrollTop(); var $href = jQuery( this ).attr( 'href' ); var $offset = jQuery( $href ).offset().top - jQuery( '.header' ).outerHeight(); var $el_height = jQuery( $href ).outerHeight(); if ( $scroll >= $offset && $scroll < $offset + $el_height ) { jQuery( this ).parent( 'li' ).addClass( 'is-active' ).siblin...