Question

当我点击导航链接并将我发送到特定的div时，我正在尝试创建一个好的滚动。早期项目中的代码正在运行，但在这个项目中，我不知道为什么是bug。我试图在没有提出问题的情况下找到解决方案，但这是不可能的。

这是代码：

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li id="home-link" class="active"><a href="javascript:;">Home</a></li>
    <li id="about-link"><a  href="javascript:;">About</a></li>
    <li id="project-link"><a  href="javascript:;">Projekti</a></li>
    <li id="location-link"><a href="javascript:;">Lokacioni</a></li>
    <li id="plans-link"><a href="javascript:;">Planet</a></li>
    <li id="contact-link"><a  href="javascript:;">Contact</a></li>
  </ul>
</div>

以下是我点击链接时要滚动的100％高度和宽度的DIVS。

$('#home-link').click(function(){
    $("html, body").animate({ scrollTop: $('#myCarousel').offset().top }, 500);
});
$('#about-link').click(function(){
    $("html, body").animate({ scrollTop: $('#about-us').offset().top }, 500);
});
$('#project-link').click(function(){
    $("html, body").animate({ scrollTop: $('#projekti').offset().top }, 500);
});
$('#plans-link').click(function(){
    $("html, body").animate({ scrollTop: $('#planet').offset().top }, 500);
});
$('#location-link').click(function(){
    $("html, body").animate({ scrollTop: $('#location').offset().top }, 500);
});
$('#contact-link').click(function(){
    $("html, body").animate({ scrollTop: $('#kontakti').offset().top }, 500);
});

Answer 1

我发现我在代码中犯了错误，jquery代码的一部分是在一个函数中导致了这个问题。所以我只是在

的正上方放入代码的开头

$(document).ready(functioN(){

});

现在工作完全没问题。管理员可以关闭或删除此问题。

未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的（匿名函数）

1 个答案: