Question

如何在slimScroll插件中添加min-height和max-height？我在文本区域应用此插件，textarea max-height到达它需要滚动，textarea默认最小高度120px和最大高度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 wrapper = $（divS） .addClass（o.wrapperClass）的CSS（{ 位置：＆＃39;亲戚＆＃39;，溢出：＆＃39;隐藏＆＃39;，宽度：宽度，身高：o。身高 / * 最小heigth：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
          */
        });

Answer 2

您的问题很难理解但我认为您所说的是textarea只有在超出您想要设置的max-height时才可滚动？默认情况下，您不能这样做，但您可以更改一些源代码。

height: o.height and change to 'max-height': o.height (line: 156 and 163)

在此主题中详细描述：https://github.com/rochal/jQuery-slimScroll/issues/70

Answer 3

自动设置参数高度，并设置父级最小高度

<div class='parent' styly='min-height:400px;'>
   <div class='scroll'>
     //content
   </div>
</div>
<script>
 $(".scroll").slimScroll({
        height: 'auto'
    });

</script>

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

3 个答案: