js

May 14, 2016

Jump smoothly from a link to an anchor.

In the stating point selector (in this case ".about") setup as link this code: javascript:void(0);

Example:

<a class="about" href="javascript:void(0);">GET STARTED</a>

And the following jquery will do the rest of the job:

May 14, 2016

Detect Click into Iframe using JavaScript

$(window).on('blur',function(e) {
if($(this).data('mouseIn') != 'yes')return;
$('iframe').filter(function(){
return $(this).data('mouseIn') == 'yes';
}).trigger('iframeclick');
});

$(window).mouseenter(function(){
$(this).data('mouseIn', 'yes');
}).mouseleave(function(){
$(this).data('mouseIn', 'no');
});

Mar 3, 2016

scroll() to top

$(document).scroll(function(){
var percent = 20;
var height = $(document).height();
var point = height / 100 * percent;
var row = $('.header-nav'), scrollTop = $(this).scrollTop();
if(scrollTop > point)
{
row.css({"padding-top":"18px"});
}
else if (scrollTop <= point)
{
row.css({"padding-top":"0"});
}
});

Nov 3, 2015

ScrollToAnchor

click me to scroll to id3

ID1

You are here

js