2016-05-06 7 views
0

Wie füge ich min-height und max-height in das SlimScroll Plugin ein? Ich dieses Plugin in Textbereich anwenden, erreichen die TextArea- max-height navigieren Sie sein müssen, Textfeld standardmäßig min-height 120px und max-height 200pxWie setzt man die Mindest- und Höchsthöhe in slimScroll?

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

Antwort

1

, wenn Sie auf den Quellcode schauen Sie das sehen können Standardoption

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' 
    }; 

ich denke, man kann nicht min-height und min-Breite durch das Plugin gibt es zwei Möglichkeiten

  • Studie der Quellcode und fügen Sie dann zusätzlichen Stil attrib hinzufügen ute

  • oder/versuchen CSS in Ihrem Source-Leitung

fügen Sie die Kommentarzeilen zu verwenden (164 und 176) var Wrapper = $ (divs) .addClass (o.wrapperClass) . CSS ({ Position: 'relativ', Überlauf: 'versteckt', Breite: o.width, Höhe: o.height/* min-heigth: o.minHeight, min-width: 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 
      */ 
     }); 
+0

ja, nicht min-height, max-height in diesem Plugin hinzufügen, aber ich brauche, dass man in Plugin, wie kann ich tun? scrollen Sie einmal erreichen maximale Höhe dann ist es sichtbar mit diesem Plugin –

+0

es funktioniert nicht –

+0

gibt es eine andere Möglichkeit, um min und max Höhe –

0

Ihre Frage ist schwer zu verstehen, aber ich denke, was Sie sagen, die textarea nur scrollbaren zu machen ist, wenn es übersteigt die max-height Sie festlegen möchten? Sie können das nicht standardmäßig tun, aber Sie können einen Teil des Quellcodes ändern.

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

näher in diesem Thread beschrieben: https://github.com/rochal/jQuery-slimScroll/issues/70

+0

kannst du mich so auf jsfiddle –