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> 

的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错误，以及（不能从这里知道）

首先，使用html元素如<nav>是个坏主意（我不知道它是什么，这是我第一次见过它，它可能导致jQuery的问题）

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

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

Answer 2

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

$(document).ready(function() { 

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

}); 

Answer 3

保持你的菜单包装原样，改变JS孔德到：

$(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'添加到锚元素，宾果！它在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

我刚刚写了一篇博客文章localscroll在铬：http://lukaszkups.pl/blog/localscroll-chrome-problem/

你应该使用：

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

时间是可选的，当然，但至少设置HTML /体作为目标; ）