Scrollto Jquery，繼續關注元素？

Question

有沒有辦法在頁面上「追蹤」移動元素，或者不斷向其滾動，以便它永遠不會離開用戶視圖？

---

我得慢慢跨頁，並最終關閉屏幕移動，這意味着用戶必須向滾動它，看看它的元素。這個元素不斷移動。

我正在使用ScrollTo jquery插件來引導用戶走向這個元素，這工作正常。

但是，有無論如何使它不斷滾動？ 爲了在整個頁面上跟蹤它？

此刻用戶必須重複點擊一個按鈕才能滾動到元素，因爲它快速移出視圖。

任何幫助，非常感謝。

Answer 1

您可以檢測元素的offset位置和append的另一個元素。

Answer 2

如果您使用最近（> 1.4.3）版本的jQuery，那麼您可以嘗試使用css hook。這取決於你用來滾動的屬性，比如說top。

$.cssHooks["top"] = { 
    get: function(elem, computed, extra) { 
    return $.css(elem, 'top'); 
    }, 
    set: function(elem, value) { 
    // set it 
    $.css(elem, 'top'); 
    $(document).scrollTo(value); 
    } 
}; 

這意味着每次top設置，它會在這裏調用set功能。

Answer 3

如果您的查詢只是爲了保持元素在用戶的視圖中：無論他滾動。那麼爲什麼不只是使用簡單的「位置：固定」元素。

看看這個鏈接：http://www.w3.org/Style/Examples/007/menus.en.html