我正在开发一个网站,我想在单击 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');
});
最佳答案
单击查看选项后,您将进入选项卡部分。
$(".view_profile_options a").click(function(event) {
event.preventDefault();
var sectionTop = $('.tab-contents').offset().top;
$('html,body').animate({
scrollTop: sectionTop },
'slow');
});
关于javascript - 如何在 javascript/jquery 中单击文本时滚动到底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51758684/