¿Cómo configurar la altura mínima y la altura máxima en Slimscroll? -- javascript campo con jquery campo con html campo con css camp Relacionados El problema

how to set the min-height and max-height in slimScroll?


0
vote

problema

Español

¿Cómo agregar la altura mínima y la altura máxima en el complemento Slimscroll? Aplicando este complemento en el área de texto, el alcance de la altura máxima de TextArea, debe ser desplazarse, textarea por valor predeterminada Min-altura 120px y MAX-Heate 200px

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

how to add min-height and max-height in slimScroll plugin? I applying this plugin in text area , the textarea max-height reach it need to be scroll, textarea by default min-height 120px and max-height 200px

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

Lista de respuestas

1
 
vote

Si observa el código fuente, puede ver la opción predeterminada

  $array1 = array_map('trim', $array1)0  

Creo que no puede agregar la altura mínima y el ancho mínimo a través del complemento hay dos opciones

  • Estudie el código fuente y luego agregue un atributo de estilo extra

  • o / tratar de usar CSS

Agregue las líneas comentadas en su línea de origen (164 y 176) VAR WRAPPER = $ (DIVS) .Addclass (O.WrapperClass) .css ({ Posición: 'Relativo', Desbordamiento: 'Hidden', Ancho: O.Width, Altura: O.Height / * Min-Heigu: O.MINHEIGHT, Min-ancho: O.MINWIDTH * / });

  $array1 = array_map('trim', $array1)1  
 

if you look at the source code you can see the default option

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

i think you cannot add min-height and min-width through the plugin there are two options

  • study the source code and then add extra style attribute

  • or/ try to use css

add the commented lines in your source line (164 and 176) var wrapper = $(divS) .addClass(o.wrapperClass) .css({ position: 'relative', overflow: 'hidden', width: o.width, height: 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
 
vote

Su pregunta es difícil de entender, pero creo que lo que está diciendo es hacer que el textarea solo se desplazca cuando excede el max-height que desea configurar? No puede hacerlo de forma predeterminada, pero puede cambiar parte del código fuente.

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

descrito con más detalle en este hilo: https://github.com/rochal/ JQUERY-SLIMSCROLL / CUESTIONES / 70

 

Your question is hard to understand but I think what you are saying is to make the textarea only scrollable when it exceeds the max-height you want to set? You can not do that by default but you can change some of the source code.

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

Described in more detail in this thread: https://github.com/rochal/jQuery-slimScroll/issues/70

 
 
 
 
0
 
vote

Ajuste automático de la altura del param y para el padre Min-Hegiht

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

set param height auto and for parent min-hegiht

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

Relacionados problema

1  Directrices para diseñar HTML para una fácil personalización CSS  ( Guidelines for designing html for easy css customization ) 
Estoy haciendo un proyecto SAAS, y queremos que cada cliente pueda cargar una página CSS para "su" sitio web. (Aunque en realidad, todos los sitios del client...

4  Cuerda continua que no se envuelve en TD  ( Continuous string not getting wrapped in td ) 
Cuando coloco una larga cadena continua en mi ancho fijo TD, no se está envuelto. La cadena aumenta el ancho de mi mesa. ¿Alguien puede ayudarme con esto? P...

0  Deshacerse del disco en el artículo de la lista  ( Getting rid of disc in list item ) 
Estoy desarrollando un sitio usando jquery, y jquery ui Tabs. Por alguna razón, mis pestañas (lista desordenada) están mostrando sus balas en todos los navega...

76  Cómo romper la palabra después de un carácter especial como guiones (-)  ( How to break word after special character like hyphens ) 
Dado un CSS relativamente simple: div { width: 150px; } <div> 12333-2333-233-23339392-332332323 </div> ¿Cómo lo hago para que la cade...

5  Cómo alinear verticalmente una tabla en CSS  ( How to vertically align a table in css ) 
¿Cómo puedo alinear verticalmente una tabla en el centro de la pantalla con CSS? ...

303  ¿Por qué el ancho se colapsó en el elemento secundario del ancho porcentual en un padre absolutamente posicionado en Internet Explorer 7?  ( Why did the width collapse in the percentage width child element in an absolutel ) 
Tengo un double8 que contiene varios niños, uno de los cuales es un 99887776669 relativamente posicionado. Cuando uso un Form0 en el niño Form111111 , ...

0  LazyWeb: necesita Javascript que elimina los elementos de LI basados ​​en la clase visitada de un elemento  ( Lazyweb need javascript that removes li elements based on visited class of a el ) 
Tengo esta página que tiene muchos datos que no necesito, ya que ya he hecho clic en él, pero se repite a menudo, así que tengo que buscar visualmente el azul...

142  ¿Cómo detectar cuál de las fuentes definidas se utilizó en una página web?  ( How to detect which one of the defined font was used in a web page ) 
Supongamos que tengo la siguiente regla de CSS en mi página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ¿Cómo podría detec...

0  Imagen de fondo Blurs en Firefox3  ( Background image blurs in firefox3 ) 
Cuando uso la imagen en mi página HTML usando la propiedad de fondo. Los loks están bien en IE, pero se ve borroso en Firefox. Wat podría ser la posible soluc...

8  Desapareciendo bordes de células de mesa CSS en navegadores basados ​​en gecko  ( Disappearing css table cell borders in gecko based browsers ) 
Tengo una construcción de tabla HTML muy específica que parece revelar un error de gecko. Aquí hay una versión destilada del problema. Observe la siguiente ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos