如何获得自定义滚动在Firefox和IE？ [英] how to get a custom scroll in firefox and IE?

问题描述

这是CSS：

  ::  -  webkit-scrollbar {
 width：7px; 
 height：1px; 
} 
 
 ::  -  webkit-scrollbar-thumb 
 {
 height：1em; 
 background：#ccc -webkit-gradient（线性，0％0％，0％100％，从（rgb（240,240,240））到（rgb（250,250,250） 
 -webkit-border-radius：5px; 
} 
 
 ::  -  webkit-scrollbar-button：end：increment {
 background：url（../ images / down.png）center no-repeat; 
} 
 
 ::  -  webkit-scrollbar-button：start：decrement 
 {
 background：url（../ images / up.png）center no-重复; 
} 
  

解决方案

。

但是，你可以做你正在寻找的jQuery。

http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

编辑：嗯...有字面上没有Firefox的等价物，询问问题的人必须使用javascript解决方案，或者根本没有解决方案。 downvote不会改变这一点。

I am using a custom scroll which works fine in chrome...but it does not work in Firefox or IE9.

This is the CSS:

    ::-webkit-scrollbar {
    width: 7px;
    height: 1px;
}

::-webkit-scrollbar-thumb    
{
    height: 1em;
    background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(250, 250, 250)));  
    -webkit-border-radius: 5px;  
} 

::-webkit-scrollbar-button:end:increment {
   background:url(../images/down.png) center no-repeat;
}

::-webkit-scrollbar-button:start:decrement
{
   background:url(../images/up.png) center no-repeat;
}

解决方案

That is a proprietary webkit property. There is no equivalent for FF or IE.

You can, however, do what you're looking for with jQuery.

http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

Edit: Uhhh.. there literally is no Firefox equivalent and the person asking the question literally must either use a javascript solution, or no solution at all. Downvotes won't change that.

这篇关于如何获得自定义滚动在Firefox和IE？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！