मैं jQuery UI ड्रैग एंड ड्रॉप कार्यक्षमता का उपयोग करता हूं।मेरे पास 2 कॉलम वाली एक टेबल थी। आइटम एक कॉलम में थे और उपयोगकर्ता उन्हें दूसरे टेबल कॉलम में खींच सकता था। सब कुछ बढ़िया काम किया। हालांकि, जब बहुत अधिक आइटम थे तो मुझे लंबवत स्क्रॉल जोड़ने के लिए तत्वों को पहले कॉलम में एक div के साथ लपेटने की आवश्यकता थी। अब जब मैं तत्वों को खींचने की कोशिश करता हूं तो ऐसा लगता है कि मैं उन्हें अगले टेबल कॉलम के बजाय उसी div के भीतर, छिपे हुए क्षेत्र में खींच रहा हूं। मैंने div चौड़ाई को प्रतिबंधित करने की कोशिश की है लेकिन वही परिणाम प्राप्त करें। मैं क्या खो रहा हूँ?
ये रहा मेरा एचटीएमएल:
<table id="tbl">
<tr valign="top">
<td id="dragFrom" class="ui-droppable"><div id="myOverflow"></div></td>
<td id="dropTo"></td>
</tr>
</table>
सीएसएस
#dragFrom {
width: 290px
}
#myOverflow{
overflow-x: hidden;
overflow-y: auto;
width: 290px
}
उत्तर:
जवाब के लिए 0 № 1क्षमा करें, मैंने अभी उस समाधान का पता लगाया है जो काम करता है। उम्मीद है कि किसी को यह उपयोगी लगेगा:
#myOverflow{
position: absolute;
width: 100%;
overflow-x: hidden;
overflow-y: auto
}