2015-08-09 117 views
0

我有一个Wordpress网站,并有一个导航链接,链接到我的页面底部/页脚的锚点。Animate锚链接导航

它链接到#页脚锚

HTML

<div id="footer-anchor"> ... </div> 

它连接正常,但我想在网页动画的锚点,现在它只是“啪啪”的锚点。

编辑:我使用WordPress的,所以我不能硬编码的HTML按钮(我不认为我可以反正)

+0

试试这个:http://stackoverflow.com/a/6677069/2603230 – Arefly

+0

这类似于[这个问题](http://stackoverflow.com/questions/6677035/jquery-scroll-to-元素) – Benjamin

+0

我使用Wordpress,所以我没有对按钮本身的具体控制。我所能做的所有链接url到管理端(菜单面板)中的#footer-anchor – user3550879

回答

0

可以使用scrollTop属性。

$("#anchor").click(function() { 
    $("html, body").animate({ scrollTop: $("#footer-anchor").scrollTop() }, 1000); 
} 
+0

放入标签? – user3550879

+0

我使用的是Wordpress,所以我没有对按钮本身的具体控制。我只需要在管理端将链接链接到#页脚锚点(菜单面板) – user3550879

+0

您必须对其进行自定义。用'javascript:;'替换href中的'#footer-anchor'。指定一个'id'来锚定并在js文件中添加代码片段。 – Samir