Question

我知道你可以使用id和name元素滚动到网页的不同部分，但我在这里有一些不同。我正在使用Croma的一个名为Dumanis的WordPress主题，他们的div只提供类，而不是Id。所以我试图想方设法点击导航菜单中的某些内容，将人们带到正确的div类元素。我怎么做到这一点？我看到很多人都参考了scrollTop，但在这种情况下，我不希望它完全滚动到顶部或顶部社交媒体栏将覆盖部分内容。怎么办？

到目前为止这是页面： http://www.aishla.com/blog/2014/my-aish/

Answer 1

您可以使用.eq()从UL列表中获取包含链接的元素，然后您可以使用contains()来获取划分各个部分的H2元素的文本，这是一个模型：

jQuery('#sub-nav a').click(function(e){
    e.preventDefault();
    jQuery(window).scrollTop(jQuery('h2:contains("Contact")').offset().top - jQuery('h2:contains("Contact")').outerHeight());
});

当然，这只是将每个链接都带到contact部分，但您可以轻松地从中抽象出来。

将其插入控制台，你会看到。

Jquery / Javascript滚动到页面中的div只有class元素

1 个答案: