【问题标题】:Scroll bar like Google is using像谷歌这样的滚动条正在使用
【发布时间】:2011-12-19 17:47:40
【问题描述】:

随着 Google 推出的最新更新,所有网站都获得了自定义 JS 滚动条(至少在 Chrome 中)。

我最喜欢它的地方是它简单且完美。到目前为止,我见过的很多 JS 滚动条都不能很好地运行——也就是说,如果你滚动得非常快或者滚动并移动鼠标,它们的功能就不会那么好。

因此,我只是想知道是否有人知道那里有任何简单/小(代码占用空间小)且功能良好(如前所述)的滚动条。

我曾考虑使用 jQueryUI 的滚动作为基础,但出于我的需要,我无法使用 jQueryUI 来实现这一功能。

【问题讨论】:

  • 尝试反转 Google 的滚动条? :D

标签: javascript jquery scrollbar


【解决方案1】:

它们是通过使用 CSS 而不是 JS 为 ::-webkit-scrollbar psudo-elements 设置样式来完成的。

【讨论】:

  • 没想到会这样,所以没看。现在更有意义了,它是如何运作得如此出色,而且只在 Webkit 中。
  • IE也有自己的滚动条CSS属性,如scrollbar-face-color和scrollbar-shadow-color
【解决方案2】:

我一直在使用lion bars jquery scroller,我认为它符合您提到的所有规格,请尝试一下。

【讨论】:

    【解决方案3】:

    看看https://gist.github.com/fanzeyi/3995618

    对我来说很好用。

    【讨论】:

      猜你喜欢
      • 2015-03-26
      • 2011-08-02
      • 2011-06-15
      • 2019-01-27
      • 1970-01-01
      • 2015-05-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多