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

回答

相關問題