blocks|key|2894256|text|反涡旋可能是最好的插件之一，它可以在每个浏览器中重新创建Mac滚动条。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2894257|反涡旋的一些重要特性|2894258|渐入渐出|ordered-list-item|2894259|容器的大小可以动态调整，滚动条可以适应。|2894260|本机支持鼠标轮，履带，其他输入设备|2894261|显示悬停时的滚动条。|2894262|支持IE7%2B，火狐3%2B，Chrome，Safari，Opera|2894263|​|2894264|📷|atomic|2894265|2894266|演示：http://automattic.github.io/antiscroll/|2894267|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Automattic/antiscroll|1|2|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/c6d76aa1680e28f16dde8d6a601b3cb2.png|imageAlt|3|http://automattic.github.io/antiscroll/^0|6|3|0|3|0|0|0|3|1|0|0|3|G|0|0|0|2|T|0|0|0|1|2|0|0|3|13|3|0^^$0|@$1|2|3|4|5|6|7|1H|8|@$9|1I|A|1J|B|C]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|F|3|G|5|6|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|H|3|I|5|J|7|1R|8|@]|D|@]|E|$]]|$1|K|3|L|5|J|7|1S|8|@$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|M|3|N|5|J|7|1V|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1W|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1X|8|@$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|S|3|T|5|6|7|20|8|@]|D|@]|E|$]]|$1|U|3|V|5|W|7|21|8|@]|D|@$9|22|A|23|1|24]]|E|$]]|$1|X|3|T|5|6|7|25|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|26|8|@]|D|@$9|27|A|28|1|29]]|E|$]]|$1|10|3|-4|5|6|7|2A|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17]]|18|$5|13|14|15|E|$16|17]]|19|$5|1A|14|1B|E|$1C|1D|1E|-4]]|1F|$5|13|14|15|E|$16|1G]]]]

<h3><a href="https://github.com/Automattic/antiscroll" rel="noreferrer">Antiscroll</a> is probably one of the best plugins available that recreates Mac OS X Lion scrollbars in every browser.</h3>
Some of the great features of <a href="https://github.com/Automattic/antiscroll" rel="noreferrer">Antiscroll</a>:
<ol>
<li>Fades in and out</li>
<li>Size of container can be dynamically adjusted and scrollbars will adapt</li>
<li>Supports mousewheels, trackpads, other input devices natively</li>
<li>Shows scrollbars upon hovering</li>
<li>Supports IE7+, Firefox 3+, Chrome, Safari, Opera</li>
</ol>
<img src="https://i.stack.imgur.com/cxKXU.png" alt="enter image description here" />
Demo: <a href="http://automattic.github.io/antiscroll/" rel="noreferrer">http://automattic.github.io/antiscroll/</a>

blocks|key|2894127|text|有趣的东西，我写了一个插件，就是这样做的。它叫LionBars。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2894128|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Charuru/lionbars^0|N|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Interesting stuff, I wrote a plugin that does just that. It's called <a href="https://github.com/Charuru/lionbars" rel="noreferrer">LionBars</a>.

blocks|key|1697219|text|nanoScroller.js是一个用Coffeescript编码的jQuery插件，它的工作是：http://jamesflorentino.github.com/nanoScrollerJS/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1697220|entityMap|0|LINK|mutability|MUTABLE|url|http://jamesflorentino.github.com/nanoScrollerJS/|1^0|0|F|0|1D|1D|1|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@$A|N|B|O|1|P]|$A|Q|B|R|1|S]]|C|$]]|$1|D|3|-4|5|6|7|T|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|K]]]]

<a href="http://jamesflorentino.github.com/nanoScrollerJS/">nanoScroller.js</a> is a jQuery plugin that coded with Coffeescript and it makes its job: <a href="http://jamesflorentino.github.com/nanoScrollerJS/">http://jamesflorentino.github.com/nanoScrollerJS/</a>

blocks|key|1697095|text|滚动窗格+Jquery是您最接近的插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1697096|请参阅菱形演示。|1697097|为了使它更像Lion，您可以定制它，仅在磁道div悬停时显示条形，并确保您使用animateEase函数。|style|CODE|1697098|哦，对于额外的苹果，改变滚动的方向，向下是向上，向上是向下:-)|1697099|entityMap|0|LINK|mutability|MUTABLE|url|http://jscrollpane.kelvinluck.com/|1|http://jscrollpane.kelvinluck.com/themes/lozenge/^0|0|4|0|0|3|2|1|0|13|B|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|F|3|G|5|6|7|13|8|@$A|14|B|15|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|16|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|O|P|Q|C|$R|U]]]]

The <a href="http://jscrollpane.kelvinluck.com/" rel="nofollow">scrollpane</a> Jquery Plugin is the closest you'll get. 

see the <a href="http://jscrollpane.kelvinluck.com/themes/lozenge/" rel="nofollow">lozenge</a> demo.

To make it more like Lion, you could customize it to only show the bar when the track div is hovered over and ensure you use the <code>animateEase</code> function.

Oh and for extra Apple goodness change the direction of the scroll so down is up and up is down :-)

blocks|key|1697176|text|Lion发布的那天，我非常喜欢操作系统中的滚动条。浏览器已经有了一个光滑的默认滚动条，但是我想他们Windows用户怎么样？)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697177|它仍在建设中，但它可能会帮助你：OSX卷轴|offset|length|1697178|基于锡滚动条，但我做了一些调整。您可以启用自动隐藏(如在操作系统中)。看看源文件就行了。|1697179|希望能帮上忙。|1697180|entityMap|0|LINK|mutability|MUTABLE|url|https://www.finch-solutions.com/scripts/osxscroll/|1|http://www.baijs.nl/tinyscrollbar/^0|0|G|5|0|0|2|4|1|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]]]

The day Lion was released I was very fond of the scrollbar in the OS. The browsers already have a slick default scrollbar but I thought how about them Windows users ;).

It is still under construction but it might help you out: <a href="https://www.finch-solutions.com/scripts/osxscroll/" rel="nofollow">OSX Scroll</a>

Based on <a href="http://www.baijs.nl/tinyscrollbar/" rel="nofollow">tinyscrollbar</a> but I made some adjustments. You can enable autohide (like in the OS). Just have a look at the source files.

Hope it helps.

blocks|key|2894346|text|这是个老问题..。但也许有人还对我的版本感兴趣：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2894347|资料来源：+https://github.com/pixelass/customScrollBar|offset|length|style|BOLD|2894348|示例：+http://pixelass.github.io/customScrollBar/|2894349|这个插件实际上比反滚动或nicescroll更精确地复制了滚动条。等。|2894350|插件允许完全控制滚动条(目前仅是垂直的)，并且不需要mousewheel.js+(像大多数插件一样)，消除这种依赖是我的版本的主要目标。|2894351|它还侦听滚动事件(就像反滚动一样)。在我找到的所有其他插件上，滚动条上的淡入和悬停调整大小都丢失了。我的版本包括一个例子，说明如何实现这一效果。|2894352|有可选(伪)事件侦听器"scrollEnded“”点击“，这是在用户的滚动结束或滚动条拇指被点击时触发的。|2894353|这个插件还允许几乎任何可以想象的样式和滚动条的设置，如点击箭头(上下箭头)。|2894354|Alpha|2894355|这仍然是alpha+(投递时间)，但随着时间的推移，开发将继续进行。|2894356|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/pixelass/customScrollBar|1|http://pixelass.github.io/customScrollBar/^0|0|0|5|6|17|0|0|0|3|4|16|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|H|3|I|5|6|7|1E|8|@$D|1F|E|1G|F|G]]|9|@$D|1H|E|1I|1|1J]]|A|$]]|$1|J|3|K|5|6|7|1K|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1L|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1M|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1N|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1O|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1P|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]|15|$5|10|11|12|A|$13|16]]]]

<h3>This is an old question.. but maybe someone is still interested in my version:</h3>

Source: <a href="https://github.com/pixelass/customScrollBar" rel="nofollow">https://github.com/pixelass/customScrollBar</a>

Example: <a href="http://pixelass.github.io/customScrollBar/" rel="nofollow">http://pixelass.github.io/customScrollBar/</a>

This plugin actually replicates the scrollbar more precisely than antiscroll or nicescroll.. etc.

The plugin allows full control over the scrollbars (currently only vertical) and does not require mousewheel.js (as most plugins do)
Removing this dependency was the main goal of my version.

It also listens to the scroll event (as antiscroll does).
The fade-in and hover resize on the scrollbars were missing on all other plugins I found. My version includes an example to show how to achieve this effect.

There are optional (pseudo-)event-listeners "scrollEnded" "clicked" which are fired when the user's scroll has ended or when the scroll-bar-thumb is clicked.

This plugin also allows almost any imaginable style and setting of the scrollbar, as click-arrows (up-down-arrows).

<h3>Alpha</h3>

This is still alpha (time of posting) but development will continue as time passes.

blocks|key|1697425|text|使用我的插件：scrollYou|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1697426|它使用一种简单的方法使滚动在自己的元素中。因此，您不必添加更多的元素，以使它滚动。|1697427|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/silviomoreto/scrollYou^0|7|9|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Use my plugin: <a href="https://github.com/silviomoreto/scrollYou" rel="nofollow">scrollYou</a>

It uses a simple approach to make the scroll inside the own element. So you dont have to add more elements to make it roll.

blocks|key|3250854|text|jScrollPane加上一点修改就行了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3250855|这是一个关于它的教程。|offset|length|3250856|entityMap|0|LINK|mutability|MUTABLE|url|http://www.queness.com/post/11809/transform-jscrollpane-into-mac-osx-lion-scroll-bar^0|0|0|1|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

jScrollPane plus a little bit of modification would do.

<a href="http://www.queness.com/post/11809/transform-jscrollpane-into-mac-osx-lion-scroll-bar" rel="nofollow">This</a> is a tutorial about it.

blocks|key|1697295|text|nanoscroller或nicescroller是平滑滚动的更好选择。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1697296|entityMap^0|0|C|D|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<code>nanoscroller</code> or <code>nicescroller</code> would be a better option for smooth scrolling.

blocks|key|3251081|text|这+one有类似于Mac上的滚动条，安装起来非常简单。你基本上可以使用css应用任何你喜欢的皮肤。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3251082|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mzubala/jquery-custom-scrollbar^0|0|1|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://github.com/mzubala/jquery-custom-scrollbar" rel="nofollow">This</a> one has scroll bars like the ones on Mac and is very simple to install. You can basically apply any skin you like with css.

Does anyone know a jQuery plugin that makes Mac OS X Lion style scrollbars for every browser?

Thanks in advance.

Edit: Here's an image for Windows users

<img src="https://i.stack.imgur.com/Oz5Ih.jpg" alt="enter image description here">

Lion-like scrollbar with jQuery?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

有谁知道一个jQuery插件可以为每个浏览器提供makes风格的滚动条吗？提前谢谢。编辑:这是Windows用户的图片​​

问有jQuery的狮子样的滚动条？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有jQuery的狮子样的滚动条？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有jQuery的狮子样的滚动条？
EN