पेज फ़ुटर पर निश्चित ऑब्जेक्ट को ठीक करना

फ़ुटर पर स्क्रॉल करने वाली फ़िक्स्ड ऑब्जेक्ट की सामान्य समस्या का एक सरल समाधान है। उदाहरण के लिए, आइए स्क्रीन के निचले बाएँ कोने में एक निश्चित "शेयर" बॉक्स पर विचार करें। इसे पादलेख को ओवरलैप करने से रोकने के लिए, हम इसे पादलेख से लगभग 10px ऊपर रोक देंगे।

सबसे पहले, हमें हर बार पृष्ठ स्क्रॉल होने पर पादलेख से बॉक्स की निकटता निर्धारित करने की आवश्यकता है:

$(document).scroll(function() {
    checkOffset();
});

यदि बॉक्स पाद लेख के बहुत करीब हो जाता है (अर्थात, 10px के भीतर), तो हम इसकी स्थिति को पूर्ण में बदल देंगे:

function checkOffset() {
    if($('#social-float').offset().top   $('#social-float').height() 
                                           >= $('#footer').offset().top - 10)
        $('#social-float').css('position', 'absolute');
    if($(document).scrollTop()   window.innerHeight 
ध्यान दें कि #सोशल-फ्लोट का जनक HTML संरचना में पादलेख का सहोदर होना चाहिए।