स्क्रॉल करते समय div को स्थानांतरित करने के लिए कैसे करें?

Question

मैंने अपनी वेबसाइट के ऊपरी बाईं ओर यह div बनाया है, जिसमें लोगो है। हालांकि, मैं इसे वहां रहना चाहता हूं और जब मैं स्क्रॉल कर रहा हूं तो ऊपर और नीचे नहीं बढ़ना चाहता हूं। कृपया सलाह दें।

<div style="padding: 5px 0 0 5px; height: 140px; width: 150px;"> 
    <p align="left"> 
     <img src="images/logo.png" border="5" alt="Logo" /> 
    </p> 
</div> 

धन्यवाद

Answer 1

<div style="padding: 5px 0 0 5px; height: 140px; width: 150px;position:fixed;left:0;top:0"> 

रेफरी के लिए

: http://www.w3schools.com/css/css_positioning.asp

Answer 2

स्थिति: तय; निश्चित स्थिति वाला एक तत्व ब्राउज़र विंडो के सापेक्ष स्थित है। खिड़की स्क्रॉल होने पर भी यह हिल नहीं जाएगा।

तो अपने सीएसएस बदलने के लिए:

<div style="position : fixed; padding: 5px 0 0 5px; height: 140px; width: 150px;"> 

Answer 3

इस तरह से अपनी div को एक आईडी जोड़ें:

<div style="padding: 5px 0 0 5px; height: 140px; width: 
150px;"id="idOfDiv"> 
<p align="left"><img src="images/logo.png" border="5" alt="Logo" /> 
</p> 
</div> 

सीएसएस में जोड़ें: अब

#idOfDiv {position:fixed;} 

, इसके साथ स्क्रॉल नहीं करना चाहिए शेष पृष्ठ या मूल तत्व। jsfiddle में

उदाहरण: https://jsfiddle.net/PJM257/pL1s6jpz/