Así que tengo un fijo lanzables div en la parte inferior derecha de la pantalla de mi. Tengo una lista de draggables que pueden arrastrar a la papelera (el fijo lanzables) pero no quiero que la barra de desplazamiento horizontal para que aparezca cuando los arrastra cerca de la papelera. No quiero que el draggables a ser capaz de desplazarse horizontalmente. Hay otros droppables más abajo en la página que se puede caer en lo que deben desplazarse verticalmente para llegar a ellos.

Aquí es un jsfiddle de la el problema.

Gracias

OriginalEl autor Caleb Doucet | 2012-02-07

2 Comentarios

  1. 9

    Puede utilizar el containment opción (doc) en la que se pueden arrastrar elementos. De esta manera usted puede restringir su movimiento en el elemento del CUERPO:

    $('.draggable').draggable({
        ...
        containment: 'body',
        ...
    });

    DEMO

    Pero no puedo arrastrar hacia abajo a la droppables.
    Asegúrese de que usted puede (o no me da exactamente el problema). El cuerpo todavía desplazar su ventanilla, pero no extender si el cursor se va demasiado lejos de la parte inferior o a la derecha.
    El problema ahora es que el cuerpo no ir todo el camino hasta la parte inferior.
    Parece que @Didier Ghys solución funciona bien, solo probado en su violín.
    El tifón hice la prueba y bloquea me tira el draggables abajo a la droppables.

    OriginalEl autor Didier Ghys

  2. 28

    Con el fin de permitir sólo la vertical arrastrando, debe establecer el «eje» de la propiedad de la que se pueden arrastrar de esta manera:

    $( "selector" ).draggable({ 
        axis: "y"
    });

    Y si usted ya tiene un inicializa la posibilidad de arrastrar objeto, se debe establecer de esta manera:

    $( "selector" ).draggable( "option", "axis", "y" );
    Esto no es a lo que me refería. Yo sólo quería que «scroll» vertical y se puede mover horizontalmente. La pregunta ya ha sido contestada, pero Gracias por la respuesta, aunque.
    esto era justo lo que estaba buscando
    He estado buscando esto. Gracias

    OriginalEl autor Alejandro del Río

Dejar respuesta

Please enter your comment!
Please enter your name here