jquery - 高さ固定のjQuery slimScrollスクロールバー

Question

rochal の jQuery プラグインslimScrollを使用して、カスタマイズされたスクロールバーを表示しています。自動生成ではなく、スクロールバーの高さを固定する方法はありますか? 値を生成する必要があると思いますが、wheelStep何を変更すればよいかわかりません。それで、質問は固定サイズのスクロールバーを作る方法です。

これが不可能な場合は、別のプラグインを使用することもできます。

Answer 1

可能です！これを実現するには、次の手順を実行します。

後：

// sets border radius of the rail
railBorderRadius : '7px'

'7px' の後にコンマを追加し、次のようにします。

// Use a fixed height for the scroll bar
useFixedHeight : true,

// the fixed height of the scroll bar
fixedHeight : 50

交換：

barHeight = Math.max((me.outerHeight() / me[0].scrollHeight) * me.outerHeight(), minBarHeight);

と：

if( o.useFixedHeight )
    barHeight = o.fixedHeight;
else
    barHeight = Math.max((me.outerHeight() / me[0].scrollHeight) * me.outerHeight(), minBarHeight);

Answer 2

私は簡単なトリックで試してみました..

最初にスクロールバーにクラスを追加します。デフォルトでは「slimScrollBar」です

barClass : 'slimScrollBar_new'

<script>
    $('#scroll-content').slimScroll({
        size : '3px',
        alwaysVisible: true,
        barClass : 'slimScrollBar_new'
    });
</script>

<style>
  .slimScrollBar_new{
      height: 100px !important;
   }
</style>