javascript - 如何在 javascript/jquery 中单击文本时滚动到底部？

Question

我正在开发一个网站，我想在单击 javascript/jquery 中的文本时滚动到底部。

<p  class="ml-2 mb-2 d-flex  view_profile_options"><a href=""> view options</a> <i class="ml-2 fas fa-2x fa-angle-right"></i></p>

因此，单击上面的查看选项文本后，它应该将我们带到 fiddle 中的巴黎部分 。

问题陈述:

我想知道我应该在 fiddle 中进行哪些更改，以便在点击查看选项文本时，它会将我们带到巴黎部分悬停选项卡 和内容自动启用。

我很确定，我必须使用以下 jquery 代码，但我不确定如何集成到当前代码中..

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

Answer 1

单击查看选项后，您将进入选项卡部分。

$(".view_profile_options a").click(function(event) {
    event.preventDefault();
    var sectionTop = $('.tab-contents').offset().top;
    $('html,body').animate({
        scrollTop: sectionTop },
        'slow');
 });

fiddle 链接:https://jsfiddle.net/moshiuramit/02znsurj/