錨標記，要去一個div類的開始w /使用jQuery

Question

我想實現一個全局錨類型的功能。

我想包括一個鏈接到網頁的主要部分，全球通過輸入到我的header.inc文件。

當您選擇鏈接，它會滾動到頁面的主要部分，這是div類內容體

<div class="content-body"> 
    main content 
</div> 

內所以它會向下滾動到div開始的地方。

我想實現錨定標記功能，但它轉到div類，而不是id。

我想知道是否有辦法用jQuery來做到這一點。爲什麼我想這樣做，是因爲我可以在整個現有網站中全局實施這一點。

Answer 1

這可能對你有所幫助。

您可以創建一個小函數來實現此行爲。真是有用。你完全避免打開窗戶或模式，以及類似的東西。

function to_position(divid){ 
    $('html, body').animate({scrollTop:$(divid).position().top - 50 }, 'slow'); 
} 

所以，你使用這樣的功能。

to_position('#my_id') 
//or class, or whatever jquery selector 
to_position('.my_class') 
// 
to_position('input[name="lorenzolamas"]') 

Answer 2

那麼，傳統上這是通過在元素上使用id屬性並將錨點指向該id來完成的。

<a href="#main">Go to Main Element</a> 

<div id="main"></div> 

散列標記是關鍵，因爲它表示您希望將用戶引導到同一文檔中的某個位置。

當然，這是假設你並不是說附加在主要元素上的類是你唯一的選擇。

Answer 3

您可以在jQuery中使用scrollTop。這是一個page，顯示了這一點。