2011-08-24 140 views
0

我希望能够将自定义滚动条合并到我的网站中,因为有设置高度的div会溢出。我已经设法得到我想要的CSS样式的CSS,但我知道在Firefox或IE中查看网站时会出现问题。自定义滚动条

因此,我试图将jScrollPane库合并到我的网站中,但它导致各种js“冲突”,导致整个网站陷入混乱!

有没有更简单的方法来定制我的滚动条,以便跨浏览器兼容性而无需向该网站添加新的js页面?

另外 - 有什么办法可以附加一些东西到浏览器是Firefox的时候!

感谢 JD

+0

['-moz'特定的CSS扩展在MDN上列出](https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions)。 – zzzzBov

+0

在这里看到我的答案:http://stackoverflow.com/questions/7357203/custom-scrollbars/32424642#32424642 – Buzinas

回答

0

我与你问什么的有点糊涂了,但如果你正在寻找某种可以用CSS来定制的滚动条,那没有比jQuery UI's Slider

您将不得不添加一些事件处理程序来执行滚动操作,但它不应该太困难。

+0

会给它一个旋风。谢谢! – JD2011

0

这里有一些自定义的滚动条你可以使用: http://www.net-kit.com/jquery-custom-scrollbar-plugins/

一休这些解决方案应该工作。 BTW我用JScrollPane的,它就像一个魅力对我来说

+0

嗨卢克 - 感谢您的回应 - 已经通过这些例子并试用过,但似乎无法让他们工作,而不会干扰我当前的JavaScript!非常沮丧..... – JD2011

1

我经历了所有的上述建议去,并通过以下任一问题感到失望:

  1. 跨浏览器的兼容性较差
  2. 滞后
  3. 大量的冗余代码/依赖(jQuery UI的)

因此,我用一些CSS技巧和JavaScript(依赖于jQuery选择),以建立自己的丘斯托m滚动条的实现。演示可在https://dev.anuary.com/680a3c94-9651-550f-abca-e853613eb9ce/。源代码位于https://github.com/anuary/jquery-custom-scrollbar

我的方法依赖于本机浏览器滚动条。但是,此实现不支持水平滚动条。

+0

现在这两个链接都死了。考虑更新你的答案。 – lolbas

0

快进到2017年,有很多优秀的自定义脚本,滚动条,这些天。我的意思是依靠本地滚动机制并在移动设备上工作。我使用的是Perfect Scrollbar。在这篇博文中,其他一些好的可以是found here