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

我知道你可以使用id和名称元素滚动到网页的不同部分，但我在这里有一些不同。我使用Croma的一个叫做Dumanis的WordPress主题，他们的div只提供类，而不是Id。所以我试图想出一个方法来点击导航菜单中的某些东西，以将人带到正确的div类元素。我将如何实现这一目标？我看到很多人都提到scrollTop，但在这种情况下，我不希望它完全滚动到顶部，或者顶部社交媒体栏将覆盖部分div。该怎么办？Jquery/Javascript滚动到只有类元素的页面的div

这里是迄今为止页： http://www.aishla.com/blog/2014/my-aish/

来源

2014-09-13 Adam Bell

琐碎从元素的偏移量减去并相应地设置滚动条 – charlietfl 2014-09-13 19:16:57

您可以使用.eq()抓住从包含链接的UL列表中的元素，那么你可以使用抢到就是划分部分中的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部分，但你可以很容易地从这个抽象。

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

来源

2014-09-13 19:29:43 Ohgodwhy

你是对的。工作很棒！现在我只需要弄清楚scrollTop -100左右的像素。刷新示例，你会看到问题。 – 2014-09-13 23:08:22

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

回答

相关问题