jquery - 动画滚动以锚定在页面上

标签 jquery html css scrollto

我已经在 stackoverflow 上尝试了其他用户的一系列解决方案,但我无法让任何东西发挥作用。任何人都可以告诉我如何为 this page 上的 anchor 设置动画吗? .任何帮助将不胜感激!

(抱歉,我是为网站编写代码的新手,是的,我正在使用 weebly,它可能很糟糕,但它必须这样做。我能够上传 javascript 文件并通过 CSS 和 HTML 链接到它们)

最佳答案

那个呢jsfiddle

它滚动到特定的 ID!

function scrollToAnchor(aid){
    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

$("#link").click(function() {
   scrollToAnchor('id3');
});

关于jquery - 动画滚动以锚定在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18044971/

相关文章:

javascript - 使用JavaScript刷新 "online"用户

javascript - 通过类名获取输入字段的值,其中类名是可变的

css - 我需要帮助让我的内容 div 容器环绕两个内部 div!

css - 动画关键帧没有褪色?

html - 响应式设计 : CSS Not loading on Iphone 5 Safari

JavaScript - 模拟轮子/UIPicker

jquery - Safari 浏览器无法处理 JQuery 正确,但可以在 IE|Chrome|FireFox 中正常工作

javascript - 写入文件时添加了奇怪的字符

html - Chrome 1px不可避免的td之间的间距

javascript - 图像是在客户端还是在服务器端呈现?