2012-08-23 37 views
0

我现在已经在我的网站上尝试了大约6种不同的“平滑滚动”脚本,并且他们都没有做任何事情。无法获得任何平滑的滚动脚本来工作

我所拥有的是一个单页面组合(尚未完成),其顶部有三个链接,它们使用命名锚链接到页面的各个部分。当你点击其中一个顶级链接时,我希望它能够平滑地滚动到该部分,以便您可以看到它正在滚动它传递的所有内容。

我已经尝试了几个在谷歌上发现的脚本,也有一些是wordpress插件,但他们都没有做任何事情。我究竟做错了什么?现在,如果你看看我的网站,我目前有两个脚本被包括在内,都没有工作。一个是wordpress插件,另一个是谷歌的一小部分代码。

www.johnwhancock.com(注意,只有Portfolio链接是建立在这一刻)

一些我已经试过了脚本(不记得是什么首当其冲是)是:

和其他一些我没有链接了。他们都没有工作。谢谢。

+0

尝试在此处包含无法使用的代码。当你最终修复它时,指向我们的网站是不可持续的。你在这里提出的问题不仅对你有用,对未来的访问者也是有用的。 – Bart

+0

谢谢。我编辑了我原来的帖子,以反映我尝试过的一些事情。据我所知,我正确地使用了它们。我通常没有添加这样的脚本到网站的问题。 – BlueCaret

回答

2

你到目前为止所尝试的内容还不完全清楚。如果您通过Google搜索发现了代码,请粘贴它听到,以便我们可以看到您想要完成的内容。
我假设你打算为幻灯片使用“平滑滚动”效果。
1.尝试查看一些已经为此构建的wordpress主题的代码。
2.尝试搜索一些JQuery代码片段。
编辑:
第二个链接显示了一段合法的代码。 JQuery被加载可能存在一些问题。试试这个以确保你在页面上加载了JQuery脚本:

$(document.body).ready(function(){ 
alert("READY!"); 
}); 

这应该会在加载页面后显示警报。如果警报没有显示,那么JQuery没有正确加载。我认为这是问题,因为代码看起来很好。

+0

明白了!你说得对,jquery没有正确加载。我发现了一个wordpress插件,确保使用jquery的最新稳定版本,并修复了它。我现在使用“Page scroll to Id”插件没有问题。 – BlueCaret

+0

哎呀,猜猜这不是插件工作(它似乎并不)。这是在http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal-page-scrolling-with-jquery/上找到的代码,最终奏效了。再次感谢。 – BlueCaret