スクロール可能な部なオーバーフロー：オート?

Question

私のアプリって2divs、長いリストとして保存することもできまドラッグ別div(ショッピングカートを製品部門のオーバーフローがやりとりするいわゆる"試作draggableます。試作hacksも但し、市内へと対応していないすべてのブラウザを推奨いたします。

私は異なるアプローチを取っていることはできてスクロール可能な部を使用せずにCSS overflow:auto?

Answer 1

それを制御するためのCSSプロパティをtheresの。

<div style="width:100px;height:100px;overflow:scroll">
</div>

http://www.w3schools.com/Css/pr_pos_overflow.aspする

Answer 2

あなたは、そのウィンドウよりも大きなコンテンツにフレームを使用することができます。それは難しいけれどもJSイベントを渡すようになるかもしれない。

Answer 3

ここには何と書いたいので走行下でのIE8.0.6&Firefox3.6.3:

作draggableの要素（ボーダー） "width:100px;scrollable:auto" コンテナ:

function makeDraggable(container,tag) {

    if(!container || !tag) { return false; }
    $(container).select(tag).each( function(o) {
      new Draggable(o,{
        starteffect: function(e){makeDragVisible(container,e);},
        endeffect: function(e){e.setStyle({'position':'','width':'','cursor':''});},
        zindex: 1000
        // , revert: ... // the other options
      });
    });

}

function makeDragVisible(container,element) {

    if(!container || !element) { return false; }
    var i=$(container).getStyle('width');
    i=i.replace('px','');
    i=Math.round(i-20)+'px';
    element.setStyle({'width':i,'z-index':1000,'position':'absolute','cursor':'move'});
    // 
    $(container).setStyle({});

}

重要な注意事項:

1. のz-indexを繰り返し
2. 通知のコンテナの損失とスタイルの末 'starteffect'.カーソル幅であり、ユーザのドラッグします。

あなたにとってどんな年でした役立っています。