Klaus: Draggable Div auch mit Scrollbalken?

Beitrag lesen

SELF-Forum

Draggable Div auch mit Scrollbalken?

Klaus
– Informationen zu den Bewertungsregeln

Hallo,

ich habe ein draggable Div gebaut.
Das Div ist auch wunderbar samt Inhalt verschiebbar, aber wenn der Inhalt zu groß wird und Scrollbalken erscheinen, dann kann ich zwar noch verschieben, aber die sind Scrollbalken unbrauchbar.
Was muss ich ändern, damit ich das Div weiterhin verschieben kann, aber auch die Scrollbalken verwenden?

  
//Das Objekt, das gerade bewegt wird.  
var dragobjekt = null;  
  
// Position, an der das Objekt angeklickt wurde.  
var dragx = 0;  
var dragy = 0;  
  
// Mausposition  
var posx = 0;  
var posy = 0;  
  
var dragoverobject = null;  
  
function draginit() {  
 // Initialisierung der Überwachung der Events  
  
  document.onmousemove = drag;  
  document.onmouseup = dragstop;  
}  
  
function dragstart(element) {  
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.  
  
  dragobjekt = element;  
  dragx = posx - dragobjekt.offsetLeft;  
  dragy = posy - dragobjekt.offsetTop;  
}  
  
function dragstop() {  
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.  
  
  dragobjekt = null;  
}  
  
function drag(ereignis) {  
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.  
  
  posx = document.all ? window.event.clientX : ereignis.pageX;  
  posy = document.all ? window.event.clientY : ereignis.pageY;  
  if(dragobjekt != null) {  
    dragobjekt.style.left = (posx - dragx) + "px";  
    dragobjekt.style.top = (posy - dragy) + "px";  
  }  
}  


  
#hidden_helper, #hidden_helper2 {  
	position:absolute;  
	z-index:999;  
	background:#95c4ea;  
	color:#000;  
	padding:5px;  
	border: solid 1px #3399ff;  
	max-height:600px;  
	overflow:auto;  
}  


  
<body onload="draginit();">  
  
<div id="hidden_helper" onmousedown="dragstart(this)">  
Jede Menge Text, sowas wie:  
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
</div>
Beitrag melden
–
Informationen zu den Bewertungsregeln