jquery - 重定向到其他页面，然后以动画方式到达某个滚动顶部

Question

想要做的正是访问另一个页面的内部链接所做的事情!但是通过jquery. 无法使用常规的外部跳转，因为使用视差滚动不能很好地配合这样的跳转。

对于内部链接，我使用了类似的东西-

    $(function() {
    $("#clickNews").click(function(e){
        e.preventDefault();
        $('html,body').animate({scrollTop: 2400}, 1500);
    }); 
});

但是如何在 animate() 之后执行重定向呢？

我想点击页面上的 anchor ..以到达另一个页面的特定scrollTop

有没有这样的方法-->>

$("#clickCatalog").click(function(e){
    e.preventDefault();
    window.location = '/ABC/';
    window.load(function(){
    $('html,body').animate({scrollTop: 0}, 1500);  
    });
});

Answer 1

请参阅animate函数的文档 http://api.jquery.com/animate/

您可以传递一个将重定向为第四个参数的函数，也可以传递带有“完整”键和函数作为值的选项对象

像这样:

$(function() {
    $("#clickNews").click(function(e){
        e.preventDefault();
        $('html,body').animate({scrollTop: 2400}, {
           duration: 1500,
           complete: function() {
              window.location = '{url}';
           }
        });
    }); 
});