jQuery动画滚动到锚点

Question

动画不起作用，你能告诉我我做错了什么吗？

Route::get('/secured-page1', 'ValidationController@CheckSecuredLogin_1');

Route::get('/secured-page2', 'ValidationController@CheckSecuredLogin_2');

Answer 1

JavaScript本身的语法错误。你有：

jQuery('html,body').animate({
    jQuery('html,body').animate({scrollTop: aTag.offset().top},'slow');

虽然animate函数只需要一个具有CSS属性的对象。摆脱第一个。至少现在人们应该理解缩进代码的重要性。

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

另外，要不在网址末尾获取#，您可以使用event.preventDefault()：

jQuery("a").click(function(e) {
    e.preventDefault();
    scrollToAnchor($(this));
});