javascript - scrollTo/localscroll.js 根本不工作

Question

      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
      <script src="js/jquery.localscroll.js"></script>
      <script src="js/jquery.scrollTo.js"></script>
      <script src="js/script.js"></script>

脚本.js:

$(document).ready(function() {

    $('#menu').localScroll({
        target:'#content'
    });   

});

html:

  <div id="container">
     <div id="menu">
     <nav>
        <ul>
            <li><a href="#home">HOME</a></li>
            <li><a href="#gigs">GIGS</a></li>
            <li><a href="#top10">TOP10</a></li>
            <li><a href="#contact">CONTACT</a></li>
        </ul>
     </nav>
     </div>

     <div id="content"><!-- content -->
        <div id="home">home</div>
        <div id="gigs">gigs</div>
        <div id="top10">top10</div>
        <div id="contact">contact</div>
     </div><!-- end of content -->

我不明白出了什么问题......帮助我!谢谢

Answer 1

问题部分出在您的 HTML 格式上，并且您这边也可能存在一些 CSS 错误(从这里无法判断。)

首先，使用像 <nav> 这样的 html 元素是一个坏主意。 ，(我不知道它是什么，这是我第一次看到它，它可能会导致 jQuery 出现问题)

第二，你的content div 必须具有固定大小，并且 overflow:scroll作为 CSS 标记。

要查看工作示例，请查看 This JsFiddle i made for you