¿Hay una manera fácil de hacer clic y arrastrar el desplazamiento en marcos de texto?

Question

Tengo un div con overflow:auto y una barra de desplazamiento, y me gustaría poder arrastrar los contenidos para desplazarse. No necesito poder seleccionar texto. ¿Hay una forma fácil de hacer esto? Un plugin de jQuery sería bueno, de lo contrario, el viejo JavaScript simple estaría bien.

Parece que no me he aclarado lo suficiente. Hay un div con una altura fija que quiero desplazar. En lugar de levantar la barra de desplazamiento, quiero hacer clic y arrastrar dentro del texto en la dirección opuesta. Como en un iPhone. Como en Photoshop cuando mantienes presionado el espacio y arrastras.

------------------- 
|    | | 
|    | | 
|    ||| 
|    | | 
|   <----------- click here and drag to scroll. 
|    | | 
|    | | 
------------------- 

Answer 1

Aquí es un buen implemenation de arrastre y desplazamiento divs

http://plugins.jquery.com/project/Dragscrollable

a continuación es mi enlace original que he publicado. Parece que alguien editó mi respuesta.

http://hitconsultants.com/dragscroll_scrollsync/scrollpane.html

Answer 2

¿Quiere decir que el contenido debe desplazarse cuando mueve la barra de desplazamiento?

Crea un nuevo div para el contenido que quieres que sea dragable, y ponlo en el div que estás desplazando. verifique el código proporcionado.

<div style="position:relative; overflow:hidden;"> 
    <div id="dragableContent" 
    style="float: left;display: none;background:none repeat scroll 0 0 white; border:1px solid #323C45; border-width:0px 1px 0px 1px;"></div> 
    <div> This is you content div...</div> 
</div> 

Luego, en la carga de la página, puede hacer que el div sea visible después de configurar su contenido HTML.

$(document).ready(function() { 
    stripColumnFromDiv('Your content Div ID'); 
    var scrollingDiv = $("#dragableContent"); 
    scrollingDiv.css({'position':'absolute','display':'block'}); 
}); 

donde stripColumnFromDiv función es establecer los datos de su elemento a la nueva vacío dragableContent.

Espero que esto sea lo que quiere y lo ayude.

gracias.

Answer 3

Hay plugin jQuery UI llama arrastrable a través de este se puede cambiar cualquier elemento en objeto arrastrable

Aquí está el enlace para la demostración http://jqueryui.com/demos/draggable/

Está tan simple como esto

<script type="text/javascript"> 
$(function() { 
    $("#draggable").draggable(); 
}); 
</script> 

También es posible hacerlo desplazable dentro de un div. Compruebe la página de demostración