Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

291
Visualizações
¿Cómo combinar jQuery SlimScroll y sortableUI?

Deseo tener dos div slimscrolled y poder arrastrar y soltar elementos entre ellos. Este último está probado y funciona perfectamente con el método sortable , pero cuando aplico los slimscrolls, los dos divs reciben el overflow: hidden , que hace que los elementos arrastrados desaparezcan cuando se mueven fuera del div. Según la documentación , no vi ninguna opción para modificar el atributo de desbordamiento de slimscroll, que me gustaría cambiar a overflow-x: visible y overflow-y: hidden , por razones obvias. El atributo CSS se aplica a nivel de elemento, por lo que la solución alternativa con las reglas CSS no es una opción afaik.

Quiero que el slimscroll sea funcional, pero quiero poder arrastrar y soltar elementos entre los dos divs slimscrolled. ¿Cómo proceder?

EDITAR

Con la esperanza de recibir respuesta, agrego un ejemplo de código:

 <div id="container1"> <ul><li>...</li></ul> </div> <div id="container2"> <ul><li>...</li></ul> </div> <script> $('#container1').slimScroll({...}); $('#container2').slimScroll({...}); $('#container1').sortable({ connectWith: "#container2", }); </script>

En el ejemplo anterior, los elementos del #contenedor1 deben arrastrarse al #contenedor2, pero debido a la propiedad overflow:hidden aplicada por slimScroll() , el elemento arrastrado desaparecerá cuando se arrastre fuera del área del #container1 . Deseo poder arrastrar el elemento y también ver el elemento que estoy arrastrando.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

El problema era una configuración en jquery.slimscroll.js. En v1.3.8 a partir de la línea 160 hice lo siguiente;

 // wrap content var wrapper = $(divS) .addClass(o.wrapperClass) .css({ position: 'relative', overflow: 'visible', // <--- change this from 'hidden' to 'visible' !!! width: o.width, height: o.height });

Después de aplicar el cambio anterior, el problema que describí dejó de existir.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda