जावास्क्रिप्ट का उपयोग कर तत्व ओवरलैपिंग (ओवरलेइंग) का पता लगाने के लिए कैसे?

Question

जावास्क्रिप्ट का उपयोग कर, HTML तत्वों को ओवरलैप करने का तरीका कैसे पता लगाएं?

मेरे पास एक आइटम सूची है (<ul>)। यह जावास्क्रिप्ट का उपयोग कर ऊपर और नीचे स्लाइड करता है। जब यह आइटम की संख्या के आधार पर स्लाइड हो जाता है, तो यह अन्य तत्व (<div>) को ओवरलैप कर सकता है, जो इस समय पूर्ण स्थान पर है (इसे बदला जा सकता है)।

मैं कैसे पता लगा सकते हैं, जब <ul> overlaps इस <div>, <div> को नई शैली लागू करने के लिए यह अस्थायी छिपाने के लिए या यह एक छोटा सा नीचे ले जाने के, ओवरलैपिंग को रोकने के लिए?
यह सिर्फ अच्छी नहीं लग रही है, जब वे ओवरलैप))

यहाँ आप देख सकते हैं, मैं क्या बात कर रहा हूँ: http://timetable.raj.fvds.ru/

धन्यवाद एक बहुत!

Answer 1

function isObjOnObj(a,b){ 
    var al = a.left; 
    var ar = a.left+a.width; 
    var bl = b.left; 
    var br = b.left+b.width; 

    var at = a.top; 
    var ab = a.top+a.height; 
    var bt = b.top; 
    var bb = b.top+b.height; 

    if(bl>ar || br<al){return false;}//overlap not possible 
    if(bt>ab || bb<at){return false;}//overlap not possible 

    if(bl>al && bl<ar){return true;} 
    if(br>al && br<ar){return true;} 

    if(bt>at && bt<ab){return true;} 
    if(bb>at && bb<ab){return true;} 

    return false; 
} 

Answer 2

क्यों न केवल नीचे दिए गए div के ऊपर होने के लिए अपने यूएल के जेड-इंडेक्स को बढ़ाएं?

ऐड:

#wrap { 
    z-index : 2; 
    position : relative; 
} 

Answer 3

इस टक्कर पता लगाने की तरह लगता है, और वहाँ एक समाधान सिर्फ तैनात है। इसके बजाए, मैं यह कहने का सुझाव दूंगा कि मेन्यू के ओवरलैप (यानी 10) के लिए कितनी सूची आइटम की आवश्यकता होगी, और div को छुपाएं जब उन मेनू (10 li के साथ) का चयन किया जाता है।