Scrollto Jquery，继续关注元素？答案

【问题标题】：Scrollto Jquery, continue to follow the element?Scrollto Jquery，继续关注元素？
【发布时间】：2012-03-23 00:54:58
【问题描述】：

有没有办法“跟踪”页面上的移动元素，或者不断地向它滚动，这样它就永远不会离开用户的视野？

我有一个元素在页面上缓慢移动并最终离开屏幕，这意味着用户必须向它滚动才能看到它。该元素不断移动。

我正在使用 ScrollTo Jquery 插件来引导用户使用这个元素，这很好用。

但是，有没有办法让元素不断滚动？以便在整个页面上对其进行跟踪？

目前用户不得不重复点击一个按钮来滚动到元素，因为它很快就会移出视图。

非常感谢任何帮助。

【问题讨论】：

标签： javascript jquery html scroll scrollto

【解决方案1】：

如果您使用的是最新 (> 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函数。

【讨论】：

【解决方案2】：

您可以检测到元素的offset 位置和append 的另一个元素。

【讨论】：

【解决方案3】：

如果您的查询只是为了将元素保留在用户的视图中：不管他的滚动。那为什么不直接使用简单的“位置：固定”元素呢。

查看此链接：http://www.w3.org/Style/Examples/007/menus.en.html

【讨论】：