0

これの代わりに: source_of_example

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

私はこのようなことをしたい:

var cssObject = {
'::webkit-scrollbar':{
    'width':'12'
},
'::webkit-scrollbar-track':{
    '-webkit-box-shadow':'inset 0 0 6px rgba(0,0,0,0.3)','border-radius':'10'
},
'::webkit-scrollbar-thumb':{
    'border-radius':'10px','-webkit-box-shadow':'inset 0 0 6px rgba(0,0,0,0.5)'
    }
}
$("#container").css(cssObject);

しかし、何らかの理由で機能しません:)、助けてください

4

3 に答える 3

2

この.css()メソッドは、CSSプロパティを要素に適用します。

::webkit-scrollbar-*疑似要素を選択するCSSセレクターです。
jQueryには、疑似要素と相互作用するメソッドはありません。

代わりに、独自のスタイルシートを作成できます。

于 2013-03-05T19:56:13.993 に答える
1

::webkit-scrollbar疑似要素を含むクラスを作成し、調整が必要な場合は jQuery を使用してそのクラスを追加します。

CSS

&.ipad-width::-webkit-scrollbar {
       width: 30px;
}

jQuery

$('ul.scrolling-ul').addClass('ipad-width');
于 2013-05-01T18:09:39.850 に答える