使用jQuery鏈接到頁面，然后跳轉到特定標頭

Question

我有一個擁有社區活動頁面的客戶端站點。 在該頁面上，生成事件並逐個推出，如下所示：

<div class="event-info">
    <h5>This is an event</h5>
    <span class="date">December 25, 2013</span>
    <p class="details"></p>
</div>

他們想在主頁上找到一個鏈接到這個聖誕節活動的鏈接，這個鏈接最終將開始向下移動。 真正找到該塊的唯一方法是<H5>的內容。 經典的錨鏈接可以解決這個問題，但是我無法將它們添加到<div class="event-info" />塊中。 主頁鏈接必須轉到此頁面，然后跳轉到必要的<div class="event-info" /> 。

我必須使用jQuery或vanilla javascript。 我有一個可以添加的.js文件，當然還有主頁上鏈接本身的html / javascript。 我無法操縱頁面的現有HTML（內容是動態的 - 我向它添加新內容），而且我無法訪問后端.NET框架。

謝謝。

Answer 1

這樣的事情？

jQuery的：

var hash = window.location.hash;
if (hash==='#xmas') {
    var xmas = $('.date:contains("December 25")').parent('.event-info').offset().top;
    $('html,body').animate({scrollTop: xmas}, 500);
}

您只需將#xmas添加到頁面末尾的URL，例如： http ： #xmas

做了一個小提琴： http ： //jsfiddle.net/filever10/afK7M/