使用自定义 jQuery 滚动条控制元素 CSS 位置

发布于 2024-11-10 09:39:42 字数 162 浏览 3 评论 0原文

有人会建议一个自定义的 jQuery 滚动条,它能够轻松控制所需元素的 CSS 位置(例如:左、上),而不是通常滚动带有溢出:隐藏的元素吗?实际上:我有一个远方&宽位置:绝对 ol 列表在溢出:隐藏容器内,我需要通过自定义滚动条设置 CSS 位置来控制它的可见区域。

非常感谢您的提示!

would anyone please suggest a custom jQuery scrollbar that is able to easily control the CSS position of a desired element (ex: left, top) instead of the usual scrolling of an element with overflow: hidden? Practically: I have a far & wide position: absolute ol listing inside an overflow: hidden container and I need to control it's visible area by setting CSS position through a custom scrollbar.

Many thanks for the tips!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

早茶月光 2024-11-17 09:39:42

请参阅

jQuery.offset()

jQuery.position()

jQuery.animate( )

另请阅读此处

相对 CSS

我们已将功能移植自
.animate() 方法,为您提供
使用更新 CSS 属性的能力
相对值。您现在可以添加前缀
CSS值用“+=”或“-=”来更新
该财产相对地,相对地
到当前值。

// Move an item 10px over
$("#item").css("left", "+=10px");

see

jQuery.offset() and

jQuery.position() and

jQuery.animate()

also read HERE

Relative CSS

We’ve ported the functionality from
the .animate() method, giving you the
ability to update CSS properties using
relative values. You can now prefix a
CSS value with “+=” or “-=” to update
the property relatively, in relation
to the current value.

// Move an item 10px over
$("#item").css("left", "+=10px");
俯瞰星空 2024-11-17 09:39:42

如果您确实想要自定义滚动条,那么您最好使用现成的插件。创建您自己的可能需要比您想象的更多的时间。

这是滚动条插件的不错列表:

If you really want a custom scrollbar, then you better use a ready-to-use plugin. Creating your own will probably take more time than you might think.

Here's a nice list of scrollbar plugins:

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文