Don
-
Content Count
6 -
Joined
-
Last visited
-
oh, i get it. i just tested it on my smartphone and, indeed, it isn't working. thanks for mentioning it!
-
thanks again!!!
-
guys one last question: it seems a lot easier to add to the ul: top: 0; position: sticky; rather than the jss way (adding the .sticky class to the navbar when it reaches top etc) is there a general reason for avoiding the position: sticky method?
-
thank you for the answers, you really helped a lot!!!
-
first of all thanks for the answer. as i said i tried it and although the navbar sticks to the top, the dropdown effect doesn't work anymore. below is my code: <!DOCTYPE html> <html lang="en-US"> <head> <title>Site title</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="test_style.css"> </head> <body> <div class="topbar"> <a href="#"><img class="logo" src="logo.png" alt="logo"></a> <div clas
-
i want to create a website with an image on top-left, a text right next to it and below that a navbar with a dropdown list. so far i've created that and now i am stuck trying to add the sticky effect to the navbar when i scroll down and navbar reaches top. the img and text on top are in a div element (because i wanted to add a background color to them) and the navbar is a list with a dropdown class for some elements. i 've tried several things with jss (adding the sticky effect to the navbar when reaching top or adding a hidden navbar which appears when you scroll down and the first one