滚动到Jquery,继续跟随元素

Scrollto Jquery, continue to follow the element?

本文关键字:跟随 元素 继续 Jquery 滚动      更新时间:2023-09-26

有没有一种方法可以在页面上"跟踪"移动的元素,或者不断地向它滚动,这样它就永远不会离开用户的视图


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

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

但是,有没有办法让元素不断滚动?这样就可以在整个页面上跟踪它了?

此时,用户必须反复单击一个按钮来滚动到元素,因为它很快就会移出视图。

非常感谢您的帮助。

如果您使用的是最新版本(>1.4.3)的jQuery,可以尝试使用css钩子。它取决于您用来滚动它的属性,比如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函数。

您可以检测元素的偏移位置并向其附加另一个元素。

如果您的查询只是为了让元素保持在用户的视野中:不管他的滚动。那么为什么不使用简单的"position:fixed"元素呢。

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