一个按钮中包含两个事件

Question

我有一行8个按钮，根据按钮的选择显示/隐藏下面的内容。那部分工作正常。我想做的另一件事是向下滚动到所选内容——按钮就在屏幕底部，虽然点击按钮可以交换内容，但如果不自己滚动到它，人们就看不到它的发生。所以我在按钮和内容之间创建了一个元素，并给它一个id"；向下滚动到各个部分"并在这里添加了最后一行：

jQuery(document).ready(function ($) {
$(".tab-title").each(function () {
var section_id = $(this).find("a").attr("href");
$(this).find("a").removeAttr("href");
$(this).click(function () {
$(this).siblings().removeClass("active-tab");
$(this).addClass("active-tab");
$(".tab-content").slideUp(500);
$(section_id).slideDown(500);
$("html, body").animate(
{ scrollBottom: $("#scroll-down-to-sections").offset().top },
1000
);
});
});
});

效果很好，但最后一行不起作用，我相信它应该起作用。有什么想法吗？

Answer 1

我将最后一行修改为：

$('html, body').animate({scrollTop: $("#scroll-down-to-sections").offset().top}, 1000);

并且它按预期工作。对不起，这是一根跛脚的柱子！