jqueryはスクロール可能ですが、スクロール可能なので親になることはありません。私がそれを動かすようにドラッグすると、身体が幅を越えて自動スクロールするようになり、物が動いているように見えます。スクロールするとjquery draggable auto scrollが消えます
しかし、このポイントの後で私の要素をクリックすると、「奇妙な」位置になり、消えるように見えます(負の値に設定されている場所と関係しています)。
jqueryの例でさえ、これを助けるために非常に背の高い(狭い)divを貼り付けていることに気付きました。本当の問題がある
<html>
<head>
<script type="text/javascript">
$(function() {
$(".blueguy").draggable();
$(".greenguy").draggable({ scroll: false, containment: 'parent' });
});
</script>
<style type="text/css">
.blueguy {
background-color: #0000ff;
}
.greenguy {
background-color: #00ff00;
}
</style>
</head>
<body style="height:100%;">
<div style="height:100%;">
<div class="blueguy" style="width:300px; height:150px;">Drag me "off screen" such that the browser window auto scrolls. Then click on me and I dissapear</div>
<div class="greenguy" style="width:300px; height:150px;">I am constrained to the be contained within my parent</div>
</div>
</body>
</html>
:なぜhttp://hortitude.com/samples/drag_and_drop/drag_drop.html
関連するソースコード:しかし、彼らの例では、ここで
は私が参照してる何へのリンクですwell.oとして水平に動作するようですこれが起こる?私はこれを回避することができることは分かっていますが、私はこれを見る理由について興味がありますか?
さらに、他の良い回避策があるかどうかを知ることは興味深いでしょう。
参照編集を使用してみてください。 – Hortitude
あなたのCSSが実際に違いがあったように見えます。 (上記の私の例はラッパーコンテナも持っていたことに注意してください)。助けてくれてありがとう! – Hortitude