Local Navigation Demonstration

Internal anchors using IDs

First, resize this window, so it is skinny and short, so text is below the scroll line. Then, click the third anchor to jump to its article at the bottom of the page (below the scroll line):

First Article

Designing a flexible set of global and local navigation blocks.

Vel turpis nunc eget lorem dolor. Ipsum dolor sit amet consectetur adipiscing. Lobortis elementum nibh tellus molestie nunc non blandit massa. Integer feugiat scelerisque varius morbi enim nunc. Ut tellus elementum sagittis vitae et leo duis ut diam. Mattis enim ut tellus elementum sagittis vitae. Facilisis leo vel fringilla est. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla. Facilisis mauris sit amet massa vitae tortor condimentum. Odio tempor orci dapibus ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Libero id faucibus nisl tincidunt eget nullam. Magna fermentum iaculis eu non diam phasellus vestibulum lorem. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Eget nulla facilisi etiam dignissim. Sed vulputate mi sit amet mauris commodo quis. Aliquam id diam maecenas ultricies mi eget mauris. Metus aliquam eleifend mi in nulla. Non diam phasellus vestibulum lorem sed risus ultricies tristique. Adipiscing at in tellus integer. In arcu cursus euismod quis. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Aliquam etiam erat velit scelerisque. Sit amet consectetur adipiscing elit. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Second Article

Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Blandit cursus risus at ultrices mi tempus imperdiet nulla. Ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Tempor nec feugiat nisl pretium fusce id velit ut tortor. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Mattis enim ut tellus elementum sagittis vitae et. Ut consequat semper viverra nam libero justo. Proin nibh nisl condimentum id. Pellentesque adipiscing commodo elit at imperdiet dui. Volutpat commodo sed egestas egestas fringilla phasellus faucibus. Aliquam sem fringilla u

Third Article

Quam pellentesque nec nam aliquam sem. Nec feugiat in fermentum posuere urna nec. Sed viverra tellus in hac habitasse. Amet est placerat in egestas erat imperdiet sed euismod nisi. Tincidunt tortor aliquam nulla facilisi cras fermentum. Consectetur adipiscing elit ut aliquam purus. Eget egestas purus viverra accumsan in nisl nisi scelerisque eu. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Porttitor rhoncus dolor purus non enim praesent elementum. In fermentum et sollicitudin ac orci phasellus egestas tellus rutrum. Scelerisque varius morbi enim nunc faucibus a pellentesque sit.