ब्राउज़र विंडो के नीचे छड़ी div

Question

मेरे पास एक div है कि मैं ब्राउज़र विंडो के नीचे चिपकना चाहता हूं (वास्तविक ब्राउज़र विंडो पृष्ठ नहीं है)। जब उपयोगकर्ता स्क्रॉल करता है तो div को ब्राउज़र विंडो के नीचे रहने की आवश्यकता होती है।

अभी, div पहली प्रारंभिक स्क्रॉल पर विंडो के निचले हिस्से तक चिपकेगा लेकिन प्रत्येक बार एक नई स्क्रॉल होने पर यह फिर से स्थिति में नहीं होगा। यहाँ मैं अपने jQuery के लिए है:

$(window).scroll(function() { 
    var bHeight = $(window).height(); 
    $('.test').css({ 
     top: bHeight - 77 + 'px' 
    }); 
}); 

यहाँ एक jsfiddle http://jsfiddle.net/3ecx7zp9/1/

Answer 1

यह केवल सीएसएस में किया जा सकता है। अपने सभी जावास्क्रिप्ट निकालें, और निम्न करें:

position: fixed; 
bottom: 77px; 

Fiddle

Answer 2

आप एक निश्चित स्थिति div का उपयोग कर विचार किया है? सेट position: fixed और bottom: 77px

लेकिन यदि आप एक jQuery समाधान इस

$(window).scroll(function() { 
    var bHeight = $(window).height(); 
    var offset = $(window).scrollTop(); 
    $('.test').css({ 
     top: bHeight + offset - 77 + 'px' 
    }); 
}); 

http://jsfiddle.net/3ecx7zp9/6/

कि ध्यान में रखा जाता करने के लिए अपने कोड बदलने आप कितनी दूर स्क्रॉल किया है का उपयोग करना चाहिए और div की स्थिति सेट होगा तदनुसार

Answer 3

अपने सीएसएस में position: absolute; के बजाय उपयोग करें।

http://jsfiddle.net/3ecx7zp9/4/

Answer 4

यहाँ

तुम जाओ:

<div class="test" style="position: fixed; width: 100%; height: 77px; background-color: #333;left:0;bottom:0"></div>

Answer 5

आप position: fixed; का उपयोग करना चाहते हैं?

https://jsfiddle.net/js7tadve/1/

Answer 6

जांच करें कि आप नीचे दिए गए लिंक के साथ काम करेंगे।

Fiddle

#footer { 
position: fixed; 
bottom: 0; 
height: 77px; 
width: 100%; 
background-color: #333; 
} 

Answer 7

इसे ही विधिवत स्थिति है: के लिए डिजाइन किया गया था निश्चित: http://jsfiddle.net/uw8f9/