Ebenen mit der Maus hin- und herschieben

[Matthias Apsel]

Om nah hoo pez nyeetz, obiwan1973!

das ist so ziemlich derselbe JS-Code, den ich schon verwende.

Mit diesem simplen Beispiel mit den beiden Kästen tut es ja prima, aber wenn Du eine DIV hast, die randvoll ist mit Objekten, dann will es einfach nicht. Es ruckelt brutal, bleibt dauern hängen usw. Ist einfach nicht schön.

Unter Umständen hilft es, dem angefassten Element eine Klasse "dragging" zu geben, vielleicht reicht auch die Pseudoklasse .active.

Dann könntest du

1. Versuch

.dragging {  
  background-color: ivory;  
  border: 2px dotted lightblue;  
}  
  
.dragging * {  
  visibility: hidden;  
}

tun.

Wenn das nicht reicht, würde ich die Abmessungen des Elements ermitteln und

dies

.dragging {  
  width:  /* ermittelte Größe */;  
  height: /* ermittelte Größe */;  
  background-color: ivory;  
  border: 2px dotted lightblue;  
}  
  
.dragging * {  
  display: none;  
}

versuchen.

Dies sollte eigentlich eine deutliche Performance-Steigerung bewirken. Wenn nicht, musst du auf Molilys Lösungsvorschlag zurückgreifen.

Matthias