how to fix uncaught typeError: cannot read property 'top' of null ?

Marshall23 · 02-14-2013, 12:04 AM

HelloFriends i have a jquery problem. whenever i tried to apply on click scroll script i got this error "uncaught typeError: cannot read property 'top' of null". Here following is code of Jquery.How can this will be fixed.

$(document).ready(function($){
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();

var target = this.hash,
$target = $(target);

$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});

});

Bruce Hearder · 02-14-2013, 01:18 AM

I guess from this error, that $target is not defined.. Might need to do some console debugging and see what it comes back with.

Hope this helps

bruce

Quote:

Originally Posted by Marshall23

HelloFriends i have a jquery problem. whenever i tried to apply on click scroll script i got this error "uncaught typeError: cannot read property 'top' of null". Here following is code of Jquery.How can this will be fixed.

$(document).ready(function($){
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();

var target = this.hash,
= $(target);

$('html, body').stop().animate({
'scrollTop': .offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});

});

Michael71 · 02-14-2013, 03:12 AM

Give me the URL please.

02-14-2013, 12:04 AM	#1
Marshall23 Warrior Member Join Date: Feb 2013 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	how to fix uncaught typeError: cannot read property 'top' of null ? HelloFriends i have a jquery problem. whenever i tried to apply on click scroll script i got this error "uncaught typeError: cannot read property 'top' of null". Here following is code of Jquery.How can this will be fixed. $(document).ready(function($){ $('a[href^="#"]').bind('click.smoothscroll',function (e) { e.preventDefault(); var target = this.hash, $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top }, 900, 'swing', function () { window.location.hash = target; }); }); });

02-14-2013, 03:12 AM	#3
Michael71 ResponsiveDesignTest.Net Registered Member Join Date: Nov 2011 Location: Spain Posts: 635 Thanks: 64 Thanked 165 Times in 148 Posts Social Networking Contact Info	Re: how to fix uncaught typeError: cannot read property 'top' of null ? Give me the URL please.
	HTML/CSS/jQuery/ZURB Foundation 3/Twitter Bootstrap 2/Wordpress/Frontend Performance Optimizing --- Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu