अतिप्रवाह बिना स्क्रॉल div: ऑटो?

वोट
1

मेरे एप्लिकेशन में मैं 2 divs, उत्पादों की एक लंबी सूची है कि एक और div (शॉपिंग कार्ट) में घसीटा जा सकता है के साथ एक है। उत्पाद div अतिप्रवाह है, लेकिन यह प्रोटोटाइप खींचने योग्य तत्वों टूट जाता है। प्रोटोटाइप हैक्स बहुत निकला हुआ है और सभी ब्राउज़रों के साथ संगत नहीं हैं।

तो मैं एक अलग दृष्टिकोण ले रहा हूँ, यह सीएसएस का उपयोग किए बिना एक स्क्रॉल div करना संभव है overflow:auto?

16/12/2008 को 03:19
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


3 जवाब

वोट
1

आप सामग्री अपनी खिड़की से बड़ा के साथ एक फ्रेम का उपयोग कर सकते हैं। यह मुश्किल जे एस घटनाओं हालांकि पारित करने के लिए कर सकता है।

16/12/2008 को 03:31
का स्रोत उपयोगकर्ता

वोट
2

एक सीएसएस संपत्ति है कि नियंत्रित करने के लिए Theres।

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

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

16/12/2008 को 03:39
का स्रोत उपयोगकर्ता

वोट
0

यहां बताया गया है कि मैं यह आईई 8.0.6 और Firefox 3.6.3 के तहत चल रहा है करने के लिए लिखा है:

खींचने योग्य तत्वों (सीमा के साथ) में बनाओ "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- सूचकांक दोहराया है
  2. के अंत में शैली के कंटेनर नुकसान नोटिस 'starteffect'। कर्सर और चौड़ाई बस वहाँ खींचें उपयोगकर्ता के अनुकूल रखने के लिए कर रहे हैं।

मुझे उम्मीद है यह मदद करेगा।

18/06/2010 को 06:14
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more