Question

我正在创建一个登陆页面网站。当点击它时，导航链接正在工作，它会转到底部，然后从下到上。但我想用jQuery Animation让它变慢。请检查我的代码并告诉我我错在哪里。谢谢。

// Smooth Scrolling nav links
$('a[href^="#"]').on('click', function(event) {
var target = $( $(this).attr('href') );
if( target.length ) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: target.offset().top,
        scrollBottom: target.offset().bottom
    }, 1000);
} });

Answer 1

代码很好并且有效，你只是忘了在target.offset().top

之后加上逗号

在这里查看演示：https://jsfiddle.net/L02tck8x/

Answer 2

您也可以尝试以下

HTML：

 Link: <a href="#toBottom" class="toBottom">Scroll to Bottom &darr;</a>
 Target: <a name="toBottom"></a>

 Link: <a href="#toTop" class="toTop">Scroll to TOP &uarr;</a>
 Target: <a name="toTop"></a>

JS

$('.toTop ').click(function(){
  $("html, body").animate({ scrollTop: 0 }, 600);
  return false;
});
$('.toBottom').click(function(){
  $('html,body').animate({scrollTop: $(document).height()}, 600);
  return false;
});

如何在登陆页面菜单上进行从上到下和从下到上慢动画的jQuery滚动

2 个答案: