3

下手な英語をお詫びしたいと思います。私の言いたいことを理解していただければ幸いです。

最近、自分の Web サイト malossane.fr/sqf/ でプラグイン jquery 'jScrollPane' を使用しました。すべて問題ありませんが、私が望んでいた小さな変更を加えることができなかったようです。実際、考え方としては非常に単純ですが、私の CSS スクリプトのレベルは非常に低いです。

ちょうど今、私はそのようなものを持っています:http://malossane.fr/usb-file-723

そして、私はそのようなものが欲しい :私が欲しいもの

実際、.jspDrag を、幅が 5px の .jspVerticalBar よりも大きくしたいと考えています。しかし、縦棒の幅を 5px にすると、.jspDrag の幅も 5px になりますが、16px のままにしておきたいのです。

誰かが私を助けることができますか?どうもありがとう、ティム

4

2 に答える 2

2

可能な解決策がいくつかあります。

  1. .jspTrack必要な幅で中央に配置された背景画像を使用できます。

    .jspTrack
    {
        background: #fff url(/path/to/image.png) repeat-y 5px 0;
    }
    

    このように、背景.jspTrackの幅を介しても、幅が狭く.jspDrag見えます。

  2. で負のマージンを使用して、たとえば.jspDrag外側に引っ張ることができます.jspTrack

    .jspVerticalBar .jspTrack
    {
        width: 5px;
        background: #c4c4c4;
    }
    .jspVerticalBar .jspDrag
    {
        margin: 0 -5px;
        width: 15px;
        background: #363636
    }
    

    leftおそらく、負のマージンの代わりに使用できます。

これらのソリューションはどちらもテストされていませんが、良いスタートを切ることができます...

于 2010-10-30T10:13:36.213 に答える
0

私はそのプラグインについてあまり知りませんが、.jspVerticalBar の色を透明または背景の色と同じ色に設定し、.jspVerticalbar のすぐ上に別の垂直バー (偽物..) を配置して、見えるようにすることができます。あなたが望むように

于 2010-10-30T10:06:43.010 に答える