时间戳

首页 > 解决方案 > 一个按钮的两个事件

javascript - 一个按钮的两个事件

问题描述

我有一排 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
      );
    });
  });
});

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

标签： javascriptjquery

解决方案

我将最后一行修改为：

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

它按预期工作。对不起，蹩脚的帖子！

推荐阅读