Я пытаюсь добавить текст в верхнем левом углу моей навигационной панели. После щелчка, я хочу, чтобы страница автоматически прокручивать назад к началу страницыверхний левый логотип прокрутки до остановки экрана
HTML:
<nav class="navbar navbar-default navbar-fixed-top">
<a id="logo" href=".navbar">LOGO HERE</a>
<ul id="nav_pills" class="nav nav-pills" role="tablist">
<li role="presentation">
<a id="test" href="#services">Services</a>
</li>
<li role="presentation">
<a href="#about">About</a>
</li>
<li role="presentation">
<a href="#portfolio">Portfolio</a>
</li>
<li role="presentation">
<a href="#team">Team</a>
</li>
<li role="presentation">
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
Мой JS до сих пор:
$(document).ready(function() {
// easing scroll bluhd
var hrefObjects = $("li a");
hrefObjects.push($(".welcome-btn"));
hrefObjects.push($("#logo"));
hrefObjects.each(function() {
$(this).on("click", function(e) {
var mode = "easeInOutQuart";
e.preventDefault();
$('html, body').animate({
scrollTop: $(this.hash).offset().top
}, 750, mode);
});
})
});
В настоящее время я получаю эту ошибку и Я не уверен, как это исправить.
Uncaught TypeError: Cannot read property 'top' of undefined
Плохое спасибо! – Liondancer
'li a' довольно широк, вы можете использовать идентификатор списка вместо селектора, например' #mainmenu li a' –