Link to home
Start Free TrialLog in
Avatar of Whing Dela Cruz
Whing Dela CruzFlag for Anguilla

asked on

Head to not include on scroll

Hi experts, How to get the Head of the page to not be included on the Page scroll? I have a very long page with almost 2000px. Since the browser will auto provide the scroll for the user able to see the whole page, I realize that the Head of the page must not be included on the scroll so that the user can still aware of what page he/she is in. I try added this solution to my .css but not working.

.head .logo, header .plus-menu
{position: fixed;}

<!DOCTYPE html>
<html>
<header>
<meta charset="utf-8" />
<link rel="stylesheet" href="MyHomeCss\Winstyle.css"/>
<div id="header">
      //My logo
</div>
<ul>
    //My Menu
</ul>
</header>
<body>

</body>
SOLUTION
Avatar of Ryan Chong
Ryan Chong
Flag of Singapore image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Whing Dela Cruz

ASKER

The clean codes given by you (Leonidas) is working very well. Thank you very much!
Thank you guys, more power and knowledge to both of you sirs!