使用 jQuery 隐藏 Div 和滚动到锚点

debugcn 发表于 Dev

用户38208

我有基于点击显示/隐藏 div 的链接，这似乎工作正常。我试图让它工作，一旦点击一个链接，一个 div 被隐藏，然后显示隐藏的 div，并根据点击哪个链接，它然后滚动到相关的锚点。在下面的示例中，它希望它在单击 CF 链接时滚动到 #cf。我该如何实现这一目标？

小提琴：

$('.o-c').click(function() {
 $('.main-home').hide("slide", {
 direction: "right"
 }, 1000);
 $('.section-pages').show("slide", {
 direction: "right"
 }, 1000);

 });

$('.c-f').click(function() {
$('.main-home').hide("slide", {
direction: "right"
}, 1000);
$('.section-pages').show("slide", {
direction: "right"
}, 1000);

});

$('.back').click(function() {
$('.section-pages').hide("slide", {
direction: "right"
}, 1000);
$('.main-home').show("slide", {
direction: "right"
}, 1000);

});

沙德林

您应该在显示完成时添加回调。

试试这个：

$('.c-f').click(function () {
    $('.main-home').hide("slide", {direction: "right"}, 1000);
    $('.section-pages').show("slide", {direction: "right"}, 1000, function() {
        $([document.documentElement, document.body]).animate({
            scrollTop: $("#cf").offset().top
        }, 2000);      
      });               
  });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。