頁面加載完成後執行JavaScript並滾動到標籤主頁

我有一個網頁，其中包含一堆部分，所有這些部分都可以滾動到使用標籤鏈接（例如www.marie-charlot.be/#weiss）。頁面加載完成後執行JavaScript並滾動到標籤主頁

我知道如何執行的頁面加載（使用$(document).ready後觸發JavaScript函數，但這些通常觸發頁面滾動到正確的部分（#weiss錨）之前。

我怎麼執行腳本後滾動

來源

2012-12-11 romeovs

看一看在[Scrollspy插件（https://github.com/sxalexander/jquery-scrollspy） – xbonez

Scrollspy應該可以幫助你在那裏。它可以根據用戶滾動頁面的哪一部分執行功能。航點看起來非常相似。 – xbonez

你的插件有回調選項...使用 – charlietfl

你應該使用jQuery插件Waypoints此

？例如：。

$('.entry').waypoint(function() { 
    alert('You have scrolled to an entry.'); 
});

來源

2012-12-11 10:10:43 lifetimes

我已經使用Jquery waypoints來改變頁面的狀態（例如，確定我當前在哪個集合）。關鍵是我想等待頁面向下滾動，以便可以在我想調用的函數中使用狀態更改。 – romeovs

它實際上是通過提取hashtag id並將單個調用函數添加到具有該id的錨點。 – romeovs

$(document).ready(function() { 
    var anchorTop = $('#my-anchor').offset().top; 

    $(document).scroll(function() { 
     if($(document).scrollTop() >= anchorTop) 
      yourFunctionHere(); 
    }); 
});

來源

2012-12-11 16:24:57 alexp

頁面加載完成後執行JavaScript並滾動到標籤主頁

回答

相關問題