Jquery 动画滚动到第页上的定位

我从stackoverflow上的其他用户那里尝试了很多解决方案，但我就是没能让任何东西起作用。有人可以告诉我如何动画滚动到上的锚。任何帮助都将不胜感激

---

（对不起，我刚开始为网站编写代码，是的，我正在使用weebly，这可能很糟糕，但必须这样做。我可以上传javascript文件并通过CSS和HTML链接到它们）

我也遇到了这个问题，我用过的最好的教程是 确保您的锚定链接位于标签内

<a id="work></a>

---

我在这方面也遇到了问题，我使用的最好的教程是 确保您的锚定链接位于标签内

<a id="work></a>

那怎么办

它滚动到一个特定的ID

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

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

那怎么办

它滚动到一个特定的ID

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

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

---

如果要制作动画/平滑滚动，可以使用：

var anchor = $('a[name=Photoshop]').offset().top
$(document.body).animate({
         scrollTop: var
     }, 2000);

如果您只想快速滚动，可以使用

var-anchor=$（'a[name=Photoshop]'）.offset（）.top

---

然后

$（document.body）.scrollTop（锚定）

如果要制作动画/平滑滚动，可以使用：

var anchor = $('a[name=Photoshop]').offset().top
$(document.body).animate({
         scrollTop: var
     }, 2000);

如果您只想快速滚动，可以使用

var-anchor=$（'a[name=Photoshop]'）.offset（）.top

然后

$（document.body）。滚动顶部（锚定）

尝试以下操作：

function ScrollTo () {
    $('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});
}

并将您的链接设置为以下格式：

<a href="#aboutUs" onClick="ScrollTo()">About Us</a>

试试这个：

function ScrollTo () {
    $('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});
}

并将您的链接设置为以下格式：

<a href="#aboutUs" onClick="ScrollTo()">About Us</a>

---

我有一个功能，对我来说效果很好，它会在单击锚定标记时自动为滚动设置动画

$("a").click(function(event){
    if(event.target.href.indexOf("#")!=-1){
        var arrhash=event.target.href.split("#");
        $('html, body').animate(
            { scrollTop: $('a[name=' + arrhash[1] + ']').offset().top },
            500,    // this is the animation time
            function (){ return false; }    // what to do after the animation
        );
    }
});

任何时候你跳到某个地方，它都会被激活。此外，如果javascript不起作用，它将优雅地退回到标准跳转

---

我无法让阿披实乌姆饶的代码在顶部工作，所以我根据他们的想法让它工作。

我有一个功能，对我来说很好，它会自动为点击锚定标签的滚动动画

$("a").click(function(event){
    if(event.target.href.indexOf("#")!=-1){
        var arrhash=event.target.href.split("#");
        $('html, body').animate(
            { scrollTop: $('a[name=' + arrhash[1] + ']').offset().top },
            500,    // this is the animation time
            function (){ return false; }    // what to do after the animation
        );
    }
});

任何时候你跳到某个地方，它都会被激活。此外，如果javascript不起作用，它将优雅地退回到标准跳转

---

我无法让阿披舍克·乌姆拉奥（Abhishek Umrao）在顶部的代码正常工作，所以我根据他们的想法让它正常工作。

其他建议的答案允许在滚动动画中精确链接。JJ Shaw的回答不起作用，而且它触发了所有链接的事件，即使是那些不想成为锚的链接。对于所有那些想像我一样在滚动上为所有链接制作动画的人来说，这里有一个解决方案可以正常工作

$('a[href^="#"]').on('click', function(event) {
    var anchor= $(this.getAttribute('href'));
    if( anchor.length ) {
       event.preventDefault();
       $('html, body').stop().animate({
          scrollTop: anchor.offset().top
       }, 500);
    }
});

---

其他建议的答案允许动画上的精确链接滚动。JJ Shaw的回答不起作用，而且它触发了所有链接的事件，即使是那些不想成为锚的链接。对于所有那些想像我一样在滚动上为所有链接制作动画的人来说，这里有一个解决方案可以正常工作

$('a[href^="#"]').on('click', function(event) {
    var anchor= $(this.getAttribute('href'));
    if( anchor.length ) {
       event.preventDefault();
       $('html, body').stop().animate({
          scrollTop: anchor.offset().top
       }, 500);
    }
});

---

你是什么意思动画滚动到锚？像他在他的网站上做的，但现在没有动画：）你是什么意思动画滚动到锚？像他在他的网站上做的，但现在没有动画：）锚链接必须在一个标签内，-而且，你的代码只显示了如何创建锚链接，它不显示如何设置过程动画，尽管链接设置了动画。锚链接必须位于标记中，-此外，代码只显示如何创建锚链接，它不显示如何设置过程动画，尽管链接设置了动画。