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>

的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 -->

我不明白有什么不对......帮助我！日Thnx

Answer 1

问题部分在于您的HTML格式，并且您可能也有一些CSS错误（从这里无法分辨。）

首先，使用像<nav>这样的html元素是一个坏主意，（我不知道它是什么，这是我第一次看到它并且可能< / em>导致jQuery问题）

其次，您的content div必须具有固定大小，overflow:scroll作为CSS标记。

要查看有效示例，请查看This JsFiddle i made for you

Answer 2

我记得在某些时候使用这个插件，我认为你需要指定一个目标

$(document).ready(function() {

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

});

Answer 3

按原样保留菜单包装，并将js conde更改为：

$(document).ready(function()
    {
        $('#menu').localScroll({duration:800});
    }
);

我认为您不需要内容包装器中的内容ID。这可能有所帮助。

Answer 4

我有完全相同的问题。

Chrome让我疯狂为什么它无法正常工作，但有趣的是我之前使用过这个插件，并且它适用于所有浏览器！

所以我查看了HTML，CSS，JS的每一点，试图找出不同的东西。

见下面我的主播。

<a class="anchor" name="myanchor"></a>

我在班级“anchor”上的CSS是空白的。一旦我将CSS'position: relative'添加到锚元素，Bingo！它在Chrome中有效。

希望这有助于某人！

Answer 5

这对我有用：我把文件包括两次。

在我们的标题中：

<script type="text/javascript" src="/js/lib/jquery.scrollTo-min.js"></script>

在我们的页脚中：

<script type="text/javascript" src="/scripts/jquery.scrollTo-1.4.2-min.js"></script>

删除第二个包解决了问题。

这是因为将新网站设计合并到现有网站上。

Answer 6

我刚刚写了一篇关于chrome：http://lukaszkups.pl/blog/localscroll-chrome-problem/

的localscroll的博文

您应该使用：

$("html,body").localScroll({duration:800});

持续时间当然是可选的，但至少将html / body设置为目标;）

scrollTo / localscroll.js根本不工作

6 个答案: