Как исправить ошибку Cannot read property 'top' of undefined?

Question

[Андрей Осипов]

Доброго времени суток. Делал работу в портфолио и столкнулся с такой проблемой в процессе написания скрипта для скролинга страницы.

$(function() {
	
	let header = $('#header');
	
	let intro = $('#intro');
	
	let scrollPos = $(window).scrollTop();

	let introH = intro.height();


	/*Smooth scroll*/

	$('[data-scroll]').on('click', function(event) {
		event.preventDefault();

		let blockid = $(this).data('scroll');
		let blockoffset = $(blockid).offset().top();
		console.log(blockoffset);
	});		
});

Заранее благодарю за ответ и уделенное время

Comments

[Михаил]

console.log( $(blockid).offset() )

[Kovalsky]

console.log( blockid )

Answer 1

[Егор Живагин]

Ошибку перевести пробовали?
Невозможно прочитать свойство top у undefined
Top у вас читается только в этой конструкции -- $(blockid).offset().top()
Соответственно, $(blockid).offset() === undefined

Почему - я не знаю. Выводите в консоль значения blockid , $(blockid), смотрите, может неверно читается дата-аттрибут или блока $(blockid) не существует

Comments

[Егор Живагин]

И просто коммент: я искренне не понимаю, на кой люди используют let при объявлении, если нигде не меняют эти переменные