► Supply Code & Notes: https://codewithharry.com/movies/web-development-in-hindi-25
►This video is part of this Full Net Growth in Hindi Course Playlist: https://www.youtube.com/playlist?record=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
►Click on right here to subscribe – https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww
►Checkout my English channel right here: https://www.youtube.com/ProgrammingWithHarry
Greatest Hindi Movies For Studying Programming:
► Supply Code & Extra: https://codewithharry.com/movies/web-development-in-hindi-25
►This video is part of this Full Net Growth in Hindi Course Playlist: https://www.youtube.com/playlist?record=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
►Study Python In One Video – https://www.youtube.com/watch?v=ihk_Xglr164
►Python Full Course In Hindi – https://www.youtube.com/playlist?record=PLu0W_9lII9agICnT8t4iYVSZ3eykIAOME
►C Language Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9aiXlHcLx-mDH1Qul38wD3aR&disable_polymer=true
►JavaScript Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL
►Study JavaScript in One Video – https://www.youtube.com/watch?v=onbBV0uFVpo
►Study PHP In One Video – https://www.youtube.com/watch?v=xW7ro3lwaCI
►Django Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9ah7DDtYtflgwMwpT3xmjXY9
►Machine Studying Utilizing Python – https://www.youtube.com/playlist?record=PLu0W_9lII9ai6fAMHp-acBmJONT7Y4BSG
►Creating & Internet hosting A Web site (Tech Weblog) Utilizing Python – https://www.youtube.com/playlist?record=PLu0W_9lII9agAiWp6Y41ueUKx1VcTRxmf
►Superior Python Tutorials – https://www.youtube.com/playlist?record=PLu0W_9lII9aiJWQ7VhY712fuimEpQZYp4
►Object Oriented Programming In Python – https://www.youtube.com/playlist?record=PLu0W_9lII9ahfRrhFcoB-4lpp9YaBmdCP
►Python Knowledge Science and Huge Knowledge Tutorials – https://www.youtube.com/playlist?record=PLu0W_9lII9agK8pojo23OHiNz3Jm6VQCH
Comply with Me On Social Media
►Web site (created utilizing Flask) – http://www.codewithharry.com
►Fb – https://www.fb.com/CodeWithHarry
►Instagram – https://www.instagram.com/codewithharry/
►Private Fb A/c – https://www.fb.com/geekyharis
Twitter – https://twitter.com/Haris_Is_Here
source
steal like an artist
@CodeWithHarry why cannot we use fixed to keep the position fixed of the menu at the top while we are scrolling rather than using sticky?
bht acha samjhaya jazak ALLAH
Sir ,aap Java developer ka full course Start kro, please
I didn't get the difference between fixed and sticky
the 'fixed' position sets the position of the HTML elements according to the viewport( Screen display area )
the 'sticky' position sets the position according to the parent element
#thankyousir🥰🥰
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.container{
border: 2px solid black;
background-color: khaki;
height: 3444px;
}
.box{
display: inline-block;
border: 2px solid red;
width: 150px;
height: 150px;
margin: 4px;
}
/* position:static(default),absolute,relative fixed,sticky */
#box3{
/* position: static; */
/* relative: position the element relative to its normal position and will leave a gap at its normal position*/
/* position: relative; */
/* top: 34px; */
/* left: 34px; */
/* absolute: position thenelement to the position of its first parent*/
/* position: absolute; */
/* top: 34px; */
/* left: 34px; */
/* fixed: position the element relative the browser window */
/* position: fixed; */
/* right: 4px; */
/* bottom: 4px; */
/* sticky: */
position: sticky;
top: 3px;
}
</style>
</head>
<body>
<div class="container">
<div class="box" id="box1">1</div>
<div class="box" id="box2">2</div>
<div class="box" id="box3">3 chat with us</div>
<div class="box" id="box4">4</div>
</div>
</body>
</html>
Very welldone
i want to know how in relative position , position is determined according to parent, because even if there is no parent position would be same? i has tried out in code it happens without parent also. can you explain @CodeWithHarry?
vs code shortcuts video?
assalamu o alikum sir g
sir g sticky and fixed one thing ha mara mtlab ka ya same work krta hein ma na practical kr ka dakha ha mara think sa to same work krta hain ap muha thora sa guide kr dein thanks.
Harry bhai mere laptop me VS code Live server barabar run nahi kar Raha?
Kuch bato bhai
Bhai position: absolute mai app, absolute: relative to its first parent bataya na, and tge first parent you refwred was div(with container class) wo wrong hai, if we consider absolute as our position, then the boxes will move relative to the main parent (in this case bodt tag).
✓
yarr harry bahi serious ho kar smjaya kro funny way ma nii asking sorry to me im disturd
sir samajh nai aya ya
how you move the div by passing the statements
All nots kha milega
5 millions soon
Honestly Nice bro ♥️❤️❤️ love it
Bro just tell mere how to do drop down menu
bhai to fir fixed and sticky same hi hue na?
difference between them ?
(insta ya fb pe live nhi jara hen hum log vs code m live jane vale legends hen)
bech bech m ye funny cmnts dete rha kro harry bhai intrest bna rehta h 😂😂
Absolute position uske 1st parent ke relative nahi diya jata, woh Jo closest parent ko position Diya hoga uske relative diya jta hai.
Sir display inline krte hi box size kam ho jate y
Border and background is not working in container
Thanks bhaiya❤❤
Position fixed or sticky me kya antar h?😊
love you hARRY
Bro you are Best👍🏻
Harry bhai OP.
Tq u so much sir 😊😊😊😊😊
for those who not understand sticky and fixed : in short sticky is the alt for relative and fixed is the alternate for absolute
I'm still confuse between sticky and fixed , they work 99.90% same
thank you so much harry sir ,your great teacher.
Muje ap ak bat btaen ap ak e chiz me id or class q lgate hen??? Ye abi tk smj ni aya lgana zruri he??
So what is the difference between sticky and fixed …? They both look like similar.
hii sar
I have a nested div structure.
Lets consoder the second last div container as parent, that has 2 child divs. I want to make one div fixed at top.
Will the sticky work?
Harry Bhai mere tuh koi bhi position hee browser p show nh horhi h pta nh kia problem h plz guide
Relative mane rishtedar
rishtedar bhenchod
What is the difference between position sticky and fixed
According to my point of view I think both are same.
aapne abati hui chije dimag me ek baar hi me chhap jati hai. thank you…………
Thank you for clearing it❤
Harry bhai Your comedy in videos are really too good… Where are you live in?
Harry bhai mujhe tumhari display properties wali video samajh me nahi aayi mene kahi or se sikhli and you are telling your thought we are legends we don't go live on insta or facebook 😅😅😅😅. Nice line…
I honestly love the fact that people in the comment section also try to help each other to learn and grow. Together we are not only learning but also creating a good community. ❤✨
harry bhai sticky ki jagah fixed top: 10px; use ker saktay hain