I don’t see a closing <head> tag, what’s up with that?
I don’t see any other reason in the code why the page shouldn’t move to the correct areas though, except if the Original Poster has a very large screen where there’s nothing to scroll to.
Take the HTML code, make a new copy, and in then new copy remove everything except the navigation section and the section elements with the id’s. Then fill all the areas between with nonsense text. You can copy a lot of garbage from slipsum.com or any of those lorem ipsum creation sites. The point is to make lots and lots of space between each section so the browser can actually scroll those elements to the top.
Also make your code valid. You can’t just leave out a </head> tag and expect the computer to always know what you meant. They don’t speak English and don’t understand anything.
For example:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>MY TEST YO</title>
[b]</head>[/b]
<body>
<ul role="navigation">
<li><a class="introlink anchorLink" href="#intro">intro</a></li>
<li><a class="portfoliolink anchorLink" href="#portfolio">about</a></li>
<li><a class="aboutlink anchorLink" href="#about">portfolio</a></li>
<li><a class="contactlink anchorLink" href="#contact">contact</a></li>
</ul>
<p>Bacon ipsum dolor sit amet venison biltong bacon pancetta strip steak. Ham hock ground round pancetta leberkas. Turducken sausage pig, beef meatloaf meatball ball tip. Rump tail tri-tip pork loin pig turducken shoulder meatloaf beef ribs kielbasa.</p>
<p>Strip steak ground round tongue bacon shoulder ham hock fatback pancetta. Ground round jowl flank rump cow strip steak jerky pastrami hamburger pork pig shoulder. Corned beef flank filet mignon short loin, strip steak short ribs meatloaf tri-tip shank meatball ribeye. Venison pork chop short ribs leberkas prosciutto pork belly shank hamburger short loin beef ribs. Rump pork loin ribeye capicola andouille sausage.</p>
<p>Flank pork chop meatball, beef ribs biltong strip steak doner swine jowl t-bone turducken ham tongue tail. Leberkas cow bresaola kielbasa, rump hamburger frankfurter pork chop turducken t-bone sausage fatback andouille short ribs shoulder. Frankfurter drumstick tri-tip sirloin hamburger pork chop chicken swine strip steak shank shoulder boudin jowl. Bresaola spare ribs beef ribs meatball strip steak turkey turducken tri-tip pork loin. Pork belly tri-tip kielbasa, boudin doner beef shankle shank leberkas jerky cow flank prosciutto.</p>
<p>Pig jerky meatball leberkas, pancetta ball tip tongue spare ribs prosciutto. Pig meatball ball tip shoulder, jowl drumstick spare ribs frankfurter brisket ground round. Spare ribs t-bone sirloin, ball tip brisket rump ham chicken flank pork chop short ribs frankfurter shankle capicola. Sausage swine flank, drumstick turkey brisket fatback pork belly pancetta rump shankle.</p>
<p>Ham bresaola tri-tip, sausage fatback filet mignon andouille pork chop pig drumstick. Pork loin bresaola meatball ribeye jowl, tongue prosciutto capicola cow. Ribeye pancetta rump sirloin shank frankfurter tenderloin prosciutto strip steak pastrami bacon swine turkey pig. Ball tip tri-tip short ribs, pancetta hamburger rump tenderloin ground round flank filet mignon. Sirloin turducken sausage ham hock fatback filet mignon beef ribs shank meatball jerky bacon jowl tail beef. Beef ribs shank chuck turkey biltong pastrami hamburger meatball tongue doner t-bone strip steak brisket drumstick rump.</p>
<section id="intro" style="background-color: #080;">
<p>Bacon ipsum dolor sit amet venison biltong bacon pancetta strip steak. Ham hock ground round pancetta leberkas. Turducken sausage pig, beef meatloaf meatball ball tip. Rump tail tri-tip pork loin pig turducken shoulder meatloaf beef ribs kielbasa.</p>
<p>Strip steak ground round tongue bacon shoulder ham hock fatback pancetta. Ground round jowl flank rump cow strip steak jerky pastrami hamburger pork pig shoulder. Corned beef flank filet mignon short loin, strip steak short ribs meatloaf tri-tip shank meatball ribeye. Venison pork chop short ribs leberkas prosciutto pork belly shank hamburger short loin beef ribs. Rump pork loin ribeye capicola andouille sausage.</p>
<p>Flank pork chop meatball, beef ribs biltong strip steak doner swine jowl t-bone turducken ham tongue tail. Leberkas cow bresaola kielbasa, rump hamburger frankfurter pork chop turducken t-bone sausage fatback andouille short ribs shoulder. Frankfurter drumstick tri-tip sirloin hamburger pork chop chicken swine strip steak shank shoulder boudin jowl. Bresaola spare ribs beef ribs meatball strip steak turkey turducken tri-tip pork loin. Pork belly tri-tip kielbasa, boudin doner beef shankle shank leberkas jerky cow flank prosciutto.</p>
<p>Pig jerky meatball leberkas, pancetta ball tip tongue spare ribs prosciutto. Pig meatball ball tip shoulder, jowl drumstick spare ribs frankfurter brisket ground round. Spare ribs t-bone sirloin, ball tip brisket rump ham chicken flank pork chop short ribs frankfurter shankle capicola. Sausage swine flank, drumstick turkey brisket fatback pork belly pancetta rump shankle.</p>
<p>Ham bresaola tri-tip, sausage fatback filet mignon andouille pork chop pig drumstick. Pork loin bresaola meatball ribeye jowl, tongue prosciutto capicola cow. Ribeye pancetta rump sirloin shank frankfurter tenderloin prosciutto strip steak pastrami bacon swine turkey pig. Ball tip tri-tip short ribs, pancetta hamburger rump tenderloin ground round flank filet mignon. Sirloin turducken sausage ham hock fatback filet mignon beef ribs shank meatball jerky bacon jowl tail beef. Beef ribs shank chuck turkey biltong pastrami hamburger meatball tongue doner t-bone strip steak brisket drumstick rump.</p>
<section id="portfolio" style="background-color: #00f;">
<p>Bacon ipsum dolor sit amet venison biltong bacon pancetta strip steak. Ham hock ground round pancetta leberkas. Turducken sausage pig, beef meatloaf meatball ball tip. Rump tail tri-tip pork loin pig turducken shoulder meatloaf beef ribs kielbasa.</p>
<p>Strip steak ground round tongue bacon shoulder ham hock fatback pancetta. Ground round jowl flank rump cow strip steak jerky pastrami hamburger pork pig shoulder. Corned beef flank filet mignon short loin, strip steak short ribs meatloaf tri-tip shank meatball ribeye. Venison pork chop short ribs leberkas prosciutto pork belly shank hamburger short loin beef ribs. Rump pork loin ribeye capicola andouille sausage.</p>
<p>Flank pork chop meatball, beef ribs biltong strip steak doner swine jowl t-bone turducken ham tongue tail. Leberkas cow bresaola kielbasa, rump hamburger frankfurter pork chop turducken t-bone sausage fatback andouille short ribs shoulder. Frankfurter drumstick tri-tip sirloin hamburger pork chop chicken swine strip steak shank shoulder boudin jowl. Bresaola spare ribs beef ribs meatball strip steak turkey turducken tri-tip pork loin. Pork belly tri-tip kielbasa, boudin doner beef shankle shank leberkas jerky cow flank prosciutto.</p>
<p>Pig jerky meatball leberkas, pancetta ball tip tongue spare ribs prosciutto. Pig meatball ball tip shoulder, jowl drumstick spare ribs frankfurter brisket ground round. Spare ribs t-bone sirloin, ball tip brisket rump ham chicken flank pork chop short ribs frankfurter shankle capicola. Sausage swine flank, drumstick turkey brisket fatback pork belly pancetta rump shankle.</p>
<p>Ham bresaola tri-tip, sausage fatback filet mignon andouille pork chop pig drumstick. Pork loin bresaola meatball ribeye jowl, tongue prosciutto capicola cow. Ribeye pancetta rump sirloin shank frankfurter tenderloin prosciutto strip steak pastrami bacon swine turkey pig. Ball tip tri-tip short ribs, pancetta hamburger rump tenderloin ground round flank filet mignon. Sirloin turducken sausage ham hock fatback filet mignon beef ribs shank meatball jerky bacon jowl tail beef. Beef ribs shank chuck turkey biltong pastrami hamburger meatball tongue doner t-bone strip steak brisket drumstick rump.</p>
<p>Ribeye tongue corned beef bacon doner ball tip pork belly meatloaf ham hock pastrami. Chuck hamburger capicola sirloin. Corned beef tenderloin spare ribs kielbasa boudin, chicken tri-tip fatback. Boudin ball tip pastrami pig bresaola jowl. Bresaola biltong pork loin, swine bacon fatback beef ribs leberkas short loin pancetta ground round chuck jerky. Ball tip doner filet mignon frankfurter turkey, fatback tri-tip ham hock pork loin spare ribs brisket corned beef hamburger biltong short loin. Shoulder drumstick short loin, boudin shankle t-bone filet mignon pastrami tri-tip bresaola brisket.</p>
<p>Jowl shoulder andouille, venison capicola meatball shank drumstick tenderloin. Doner t-bone shoulder, beef tail biltong kielbasa bresaola tongue pastrami filet mignon leberkas venison frankfurter brisket. Tenderloin sirloin spare ribs pork belly corned beef kielbasa venison chuck, frankfurter beef ribs. Sirloin cow brisket, tri-tip tenderloin jerky shankle bresaola. Prosciutto ball tip t-bone strip steak turkey chuck. Strip steak tenderloin turkey, andouille kielbasa short ribs pork loin drumstick t-bone biltong. Filet mignon ham jowl kielbasa.</p>
<p>Boudin shankle pastrami, tongue shoulder fatback pork chop rump venison. Turkey jowl meatball, ball tip rump tri-tip pastrami pork loin tongue swine hamburger doner pork pig. Chicken drumstick leberkas, tenderloin cow beef ribs sausage. Capicola flank filet mignon bresaola tenderloin spare ribs. Fatback boudin hamburger ball tip flank pork ham hock kielbasa doner meatloaf pork chop pancetta bresaola jowl. Pig bresaola pork loin, tongue tri-tip strip steak jerky pastrami.</p>
</section>
<section id="about" style="background-color: #ddd;">
<p>Bacon ipsum dolor sit amet venison biltong bacon pancetta strip steak. Ham hock ground round pancetta leberkas. Turducken sausage pig, beef meatloaf meatball ball tip. Rump tail tri-tip pork loin pig turducken shoulder meatloaf beef ribs kielbasa.</p>
<p>Strip steak ground round tongue bacon shoulder ham hock fatback pancetta. Ground round jowl flank rump cow strip steak jerky pastrami hamburger pork pig shoulder. Corned beef flank filet mignon short loin, strip steak short ribs meatloaf tri-tip shank meatball ribeye. Venison pork chop short ribs leberkas prosciutto pork belly shank hamburger short loin beef ribs. Rump pork loin ribeye capicola andouille sausage.</p>
<p>Flank pork chop meatball, beef ribs biltong strip steak doner swine jowl t-bone turducken ham tongue tail. Leberkas cow bresaola kielbasa, rump hamburger frankfurter pork chop turducken t-bone sausage fatback andouille short ribs shoulder. Frankfurter drumstick tri-tip sirloin hamburger pork chop chicken swine strip steak shank shoulder boudin jowl. Bresaola spare ribs beef ribs meatball strip steak turkey turducken tri-tip pork loin. Pork belly tri-tip kielbasa, boudin doner beef shankle shank leberkas jerky cow flank prosciutto.</p>
<p>Pig jerky meatball leberkas, pancetta ball tip tongue spare ribs prosciutto. Pig meatball ball tip shoulder, jowl drumstick spare ribs frankfurter brisket ground round. Spare ribs t-bone sirloin, ball tip brisket rump ham chicken flank pork chop short ribs frankfurter shankle capicola. Sausage swine flank, drumstick turkey brisket fatback pork belly pancetta rump shankle.</p>
<p>Ham bresaola tri-tip, sausage fatback filet mignon andouille pork chop pig drumstick. Pork loin bresaola meatball ribeye jowl, tongue prosciutto capicola cow. Ribeye pancetta rump sirloin shank frankfurter tenderloin prosciutto strip steak pastrami bacon swine turkey pig. Ball tip tri-tip short ribs, pancetta hamburger rump tenderloin ground round flank filet mignon. Sirloin turducken sausage ham hock fatback filet mignon beef ribs shank meatball jerky bacon jowl tail beef. Beef ribs shank chuck turkey biltong pastrami hamburger meatball tongue doner t-bone strip steak brisket drumstick rump.</p>
<p>Ribeye tongue corned beef bacon doner ball tip pork belly meatloaf ham hock pastrami. Chuck hamburger capicola sirloin. Corned beef tenderloin spare ribs kielbasa boudin, chicken tri-tip fatback. Boudin ball tip pastrami pig bresaola jowl. Bresaola biltong pork loin, swine bacon fatback beef ribs leberkas short loin pancetta ground round chuck jerky. Ball tip doner filet mignon frankfurter turkey, fatback tri-tip ham hock pork loin spare ribs brisket corned beef hamburger biltong short loin. Shoulder drumstick short loin, boudin shankle t-bone filet mignon pastrami tri-tip bresaola brisket.</p>
<p>Jowl shoulder andouille, venison capicola meatball shank drumstick tenderloin. Doner t-bone shoulder, beef tail biltong kielbasa bresaola tongue pastrami filet mignon leberkas venison frankfurter brisket. Tenderloin sirloin spare ribs pork belly corned beef kielbasa venison chuck, frankfurter beef ribs. Sirloin cow brisket, tri-tip tenderloin jerky shankle bresaola. Prosciutto ball tip t-bone strip steak turkey chuck. Strip steak tenderloin turkey, andouille kielbasa short ribs pork loin drumstick t-bone biltong. Filet mignon ham jowl kielbasa.</p>
<p>Boudin shankle pastrami, tongue shoulder fatback pork chop rump venison. Turkey jowl meatball, ball tip rump tri-tip pastrami pork loin tongue swine hamburger doner pork pig. Chicken drumstick leberkas, tenderloin cow beef ribs sausage. Capicola flank filet mignon bresaola tenderloin spare ribs. Fatback boudin hamburger ball tip flank pork ham hock kielbasa doner meatloaf pork chop pancetta bresaola jowl. Pig bresaola pork loin, tongue tri-tip strip steak jerky pastrami.</p>
</section>
<section id="contact" style="background-color: #ff0;">
<p>Bacon ipsum dolor sit amet venison biltong bacon pancetta strip steak. Ham hock ground round pancetta leberkas. Turducken sausage pig, beef meatloaf meatball ball tip. Rump tail tri-tip pork loin pig turducken shoulder meatloaf beef ribs kielbasa.</p>
<p>Strip steak ground round tongue bacon shoulder ham hock fatback pancetta. Ground round jowl flank rump cow strip steak jerky pastrami hamburger pork pig shoulder. Corned beef flank filet mignon short loin, strip steak short ribs meatloaf tri-tip shank meatball ribeye. Venison pork chop short ribs leberkas prosciutto pork belly shank hamburger short loin beef ribs. Rump pork loin ribeye capicola andouille sausage.</p>
<p>Flank pork chop meatball, beef ribs biltong strip steak doner swine jowl t-bone turducken ham tongue tail. Leberkas cow bresaola kielbasa, rump hamburger frankfurter pork chop turducken t-bone sausage fatback andouille short ribs shoulder. Frankfurter drumstick tri-tip sirloin hamburger pork chop chicken swine strip steak shank shoulder boudin jowl. Bresaola spare ribs beef ribs meatball strip steak turkey turducken tri-tip pork loin. Pork belly tri-tip kielbasa, boudin doner beef shankle shank leberkas jerky cow flank prosciutto.</p>
<p>Pig jerky meatball leberkas, pancetta ball tip tongue spare ribs prosciutto. Pig meatball ball tip shoulder, jowl drumstick spare ribs frankfurter brisket ground round. Spare ribs t-bone sirloin, ball tip brisket rump ham chicken flank pork chop short ribs frankfurter shankle capicola. Sausage swine flank, drumstick turkey brisket fatback pork belly pancetta rump shankle.</p>
<p>Ham bresaola tri-tip, sausage fatback filet mignon andouille pork chop pig drumstick. Pork loin bresaola meatball ribeye jowl, tongue prosciutto capicola cow. Ribeye pancetta rump sirloin shank frankfurter tenderloin prosciutto strip steak pastrami bacon swine turkey pig. Ball tip tri-tip short ribs, pancetta hamburger rump tenderloin ground round flank filet mignon. Sirloin turducken sausage ham hock fatback filet mignon beef ribs shank meatball jerky bacon jowl tail beef. Beef ribs shank chuck turkey biltong pastrami hamburger meatball tongue doner t-bone strip steak brisket drumstick rump.</p>
<p>Ribeye tongue corned beef bacon doner ball tip pork belly meatloaf ham hock pastrami. Chuck hamburger capicola sirloin. Corned beef tenderloin spare ribs kielbasa boudin, chicken tri-tip fatback. Boudin ball tip pastrami pig bresaola jowl. Bresaola biltong pork loin, swine bacon fatback beef ribs leberkas short loin pancetta ground round chuck jerky. Ball tip doner filet mignon frankfurter turkey, fatback tri-tip ham hock pork loin spare ribs brisket corned beef hamburger biltong short loin. Shoulder drumstick short loin, boudin shankle t-bone filet mignon pastrami tri-tip bresaola brisket.</p>
<p>Jowl shoulder andouille, venison capicola meatball shank drumstick tenderloin. Doner t-bone shoulder, beef tail biltong kielbasa bresaola tongue pastrami filet mignon leberkas venison frankfurter brisket. Tenderloin sirloin spare ribs pork belly corned beef kielbasa venison chuck, frankfurter beef ribs. Sirloin cow brisket, tri-tip tenderloin jerky shankle bresaola. Prosciutto ball tip t-bone strip steak turkey chuck. Strip steak tenderloin turkey, andouille kielbasa short ribs pork loin drumstick t-bone biltong. Filet mignon ham jowl kielbasa.</p>
<p>Boudin shankle pastrami, tongue shoulder fatback pork chop rump venison. Turkey jowl meatball, ball tip rump tri-tip pastrami pork loin tongue swine hamburger doner pork pig. Chicken drumstick leberkas, tenderloin cow beef ribs sausage. Capicola flank filet mignon bresaola tenderloin spare ribs. Fatback boudin hamburger ball tip flank pork ham hock kielbasa doner meatloaf pork chop pancetta bresaola jowl. Pig bresaola pork loin, tongue tri-tip strip steak jerky pastrami.</p>
</section>
</body>
</html>
Excuse the bacon, it’s just filler to make the page so long between elements that even on a large screen. With the above, on any browser except IE, you should be able to click the anchors and be brought down to the right section. It won’t work in IE under 9 because <section> doesn’t exist in it. You can check in IE by making the sections divs for testing.
You start with something simple and working, then start changing the HTML elements to what you want, and then the CSS, and then the Javascript. At each step, you re-test in browsers that everything still works like you expect. You slowly build your page up. Much easier than trying to debug a filled page. Since you made a copy of your original page, you didn’t lose the work you already did.
