我有一个Wordpress网站,并有一个导航链接,链接到我的页面底部/页脚的锚点。Animate锚链接导航
它链接到#页脚锚
HTML
<div id="footer-anchor"> ... </div>
它连接正常,但我想在网页动画的锚点,现在它只是“啪啪”的锚点。
编辑:我使用WordPress的,所以我不能硬编码的HTML按钮(我不认为我可以反正)
我有一个Wordpress网站,并有一个导航链接,链接到我的页面底部/页脚的锚点。Animate锚链接导航
它链接到#页脚锚
HTML
<div id="footer-anchor"> ... </div>
它连接正常,但我想在网页动画的锚点,现在它只是“啪啪”的锚点。
编辑:我使用WordPress的,所以我不能硬编码的HTML按钮(我不认为我可以反正)
可以使用scrollTop
属性。
$("#anchor").click(function() {
$("html, body").animate({ scrollTop: $("#footer-anchor").scrollTop() }, 1000);
}
放入
标签? – user3550879我使用的是Wordpress,所以我没有对按钮本身的具体控制。我只需要在管理端将链接链接到#页脚锚点(菜单面板) – user3550879
您必须对其进行自定义。用'javascript:;'替换href中的'#footer-anchor'。指定一个'id'来锚定并在js文件中添加代码片段。 – Samir
试试这个:http://stackoverflow.com/a/6677069/2603230 – Arefly
这类似于[这个问题](http://stackoverflow.com/questions/6677035/jquery-scroll-to-元素) – Benjamin
我使用Wordpress,所以我没有对按钮本身的具体控制。我所能做的所有链接url到管理端(菜单面板)中的#footer-anchor – user3550879