javascript - 如何在 slimScroll 中设置最小高度和最大高度？

Question

slimScroll插件如何添加min-height和max-height？我在text area中应用这个插件，textarea max-height达到它需要滚动，textarea默认min-height 120px和max-height 200px

<script>
     $(".editTextarea").slimScroll({
                    color: '#e5e5e5',
                    position: 'right',
                    alwaysVisible: false
     });
</script>

Answer 1

如果你查看源代码，你可以看到默认选项

 var defaults = {
    //Add these lines in your plugin source code
      minHeight:'auto',
      minWidth:'auto'


    width : 'auto',


    height : '250px',


    size : '7px',

    color: '#000',


    position : 'right',


    distance : '1px',


    start : 'top',


    opacity : .4,


    alwaysVisible : false,


    disableFadeOut : false,


    railVisible : false,


    railColor : '#333',


    railOpacity : .2,


    railDraggable : true,


    railClass : 'slimScrollRail',


    barClass : 'slimScrollBar',


    wrapperClass : 'slimScrollDiv',


    allowPageScroll : false,


    wheelStep : 20,


    touchScrollStep : 200,


    borderRadius: '7px',

    railBorderRadius : '7px'
  };

我认为你不能通过插件添加 min-height 和 min-width 有两个选项

• 研究源码然后添加额外的样式属性

• 或者/尝试使用css

在源代码行中添加注释行(164 和 176) var 包装器 = $(divS) .addClass(o.wrapperClass) .css({ 位置:'相对'， 溢出:'隐藏'， 宽度:o.width， 高度:o.height /* 最小高度:o.minHeight， 最小宽度:o.minWidth */ });

        // update style for the div
        me.css({
          overflow: 'hidden',
          width: o.width,
          height: o.height,
          /*
          min-heigth:o.minHeight,
          min-width:o.minWidth
          */
        });