सबसे पहले, मुझे लगता है कि रयान का स्टिकी फूटर महान है। लागू करने के लिए बहुत संगत बहुत आसान है। अगर आपने इसे पहले देखा / सुना है तो यह यहाँ नहीं है। http://ryanfait.com/html5-sticky-footer/
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
margin: 0 auto -155px; /* the bottom margin is the negative value of the footer"s height */
}
footer, .push {
height: 155px; /* ".push" must be the same height as "footer" */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
मेरा मुद्दा हालांकि है। मैंने इसे लागू किया है और यह बहुत बढ़िया है, लेकिन यह काम कर रहा है, लेकिन मेरे मोबाइल ब्राउज़र पर "बग" है। रेयान के स्टिकी फूटर ने मोबाइल ब्राउज़र url बार doesn "t ऑटो-छिपाने पर लागू किया जब मैं नीचे स्क्रॉल करता हूं, तो यह बस वहीं रहता है, मूल्यवान स्थान ऊपर ले जाना। अच्छा नहीं।
तो मैंने इसे 100% शरीर की ऊँचाई तक सीमित कर दिया है। जब मैं इसे हटाता हूं, तो मोबाइल ब्राउज़र url बार छुपाता है।
क्या किसी ने पहले इसका सामना किया है? क्या कोई फिक्स है? या है रयान स्टिकी पाद अब त्रुटिपूर्ण है :(
उत्तर:
जवाब के लिए 0 № 1जब शरीर की ऊँचाई को सीधे 100% पर सेट किया जाता है, तो यह अपनी सामग्री के आकार में विस्तार नहीं कर सकता है।
html {
height: 100%;
}
body {
min-height: 100%;
}
यह जवाब देखें: संपर्क