我在一个网站上工作,我想在其中单击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中的Paris部分。
问题陈述:
我想知道我应该在小提琴中进行哪些更改,以便在单击视图选项文本时将其带到具有悬停和自动启用内容功能的“巴黎”部分选项卡。
我很确定,我必须使用以下jquery代码,但不确定如何将其集成到当前代码中。
$("button").click(function() {
$('html,body').animate({
scrollTop: $(".second").offset().top},
'slow');
});
最佳答案
单击视图选项后,将带您进入选项卡部分。
$(".view_profile_options a").click(function(event) {
event.preventDefault();
var sectionTop = $('.tab-contents').offset().top;
$('html,body').animate({
scrollTop: sectionTop },
'slow');
});
小提琴链接:https://jsfiddle.net/moshiuramit/02znsurj/