jQuery ui ReSizable avec barres de défilement

Je suis en train d'avoir un redimensionnable sur une div, mais le resizer poignée est toujours contenu dans le div puis-je avoir accès à l'endroit des barres de défilement fin.

jQuery ui ReSizable avec barres de défilement

///////////Modifier ///////////

J'ai réalisé avec du jScrollPane mais après l'utilisation de jScroll je n'arrive pas à redimensionner horizontalement.
démo http://i53.tinypic.com/906rk9.png

source d'informationauteur Shishant

  1. 23

    Il doit travailler, si vous mettez un wrapper autour de l'élément à être redimensionnée, et faire de ce wrapper redimensionnable.

    J'ai été jouer avec cette idée et ce résultat semble fonctionner:

    <script>
$(document).ready(function() {
$(".resizable")
  .wrap('<div/>')
    .css({'overflow':'hidden'})
      .parent()
        .css({'display':'inline-block',
              'overflow':'hidden',
              'height':function(){return $('.resizable',this).height();},
              'width':  function(){return $('.resizable',this).width();},
              'paddingBottom':'12px',
              'paddingRight':'12px'

             }).resizable()
                .find('.resizable')
                  .css({overflow:'auto',
                        width:'100%',
                        height:'100%'});
});
</script>

    Test avec jsfiddle

  2. 3

    jQuery UI équipe concider avec défilement redimensionnable div comme une mauvaise conception. Donc, c'est "ne sera pas corrigé fonctionnalité:
    http://bugs.jqueryui.com/ticket/9119
    Solution de contournement comme le Dr Molle déjà déclaré redimensionnable wrapper pour le défilement div.

  3. 0

    Option de vérification de http://api.jqueryui.com/resizable/#option-alsoResize

    Cela fonctionne pour moi

     $(".responsive-table th").resizable({
                handles: "e",
                containment: 'document',
                alsoResize: ".responsive-table table"
            });