1

div タグで画像を下にドラッグし、画像が div タグの上部からはみ出さずに通常の位置に戻す必要があります。この属性「overflow-y: hidden」を使用して、y 軸のみにドラッグしました。

ただし、次の要件を満たしていません 1. 画像は div タグの上部の外にドラッグできません。そこで直すべきです。2. 画像は、完全ではなく、ある程度までしか下にドラッグできないようにする必要があります。

この使用例は、自動車の窓の開閉を想定できます (閉じるマージンは固定で、完全ではなく 90% だけ開いています)。

この問題を早急に解決してください。私はとても素晴らしいです！ありがとう

以下はコードです：

JavaScript.js

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

});



<div id="container">
        <img  id="draggable" src="img/car.jpg" width="400px" height="300px" alt="Click this image to drag it down" >
    </div>

Style.css -----

#draggable
{
    margin-bottom:20px;
    cursor:pointer;
}                                                                 

 #container
{ 
    position: absolute;
    left: 10%;
    top: 10%;
    overflow-y: hidden; 
    containment: 'parent'
    height: 320px; 
    width: 400px; 
    border: solid 1px black;
}
4

2 に答える 2

1

あなたの作品のJSFiddleを提供していただけますか？それがなければ、私はあなたにjQueryの例を与えることができるだけです：ドラッグ可能な効果。

 $(document).ready(function(){
    $('#car').draggable(); );

また、divタグから要素を削除せずに、CSSで要素をプッシュダウンするためのパディングの使用も確認しました。JSFiddleを提供してください。そうすれば、あなたが何をしようとしているのかがよくわかります。

于 2013-01-30T18:20:45.327 に答える
0

私は私の質問の解決策を得ました:-)私がしなければならなかったのは、次の方法で私のjsコードを編集することだけでした

JavaScript コード

 $(function() {
$( "#draggable" ).draggable({ axis: "y", containment: [ 0, 67, 0, 320] });


});
于 2013-01-31T09:16:50.343 に答える