Fixed Toolbars
Scrollable Content
This sample demonstrates how to produce the effect of a fixed position header and footer toolbars without using CSS:fixed (which can have poor performance).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus ante ut sem aliquet ac pharetra lacus dignissim. Nam ante erat, semper non luctus vel, interdum ac orci. Sed a aliquam nibh. Pellentesque mauris tortor, interdum eget fringilla sed, tempor ac leo. Mauris faucibus felis nec arcu pellentesque hendrerit. Praesent nec dapibus quam. Nulla volutpat fermentum augue a hendrerit. Integer volutpat libero et nulla pellentesque id lobortis diam eleifend. Vestibulum hendrerit, justo quis hendrerit laoreet, libero risus blandit ipsum, non semper ante neque et lectus. Aenean blandit tempor condimentum.
Etiam at congue nulla. Maecenas nec sapien elit, quis molestie diam. Nulla auctor pharetra scelerisque. Suspendisse vulputate tincidunt eleifend. Pellentesque vel consequat turpis. Fusce sit amet augue risus. Donec et justo urna, et egestas erat. Quisque euismod ipsum at lacus pharetra quis semper mauris venenatis. Suspendisse consequat, massa sit amet sodales cursus, elit ligula consequat quam, id faucibus lacus neque at eros. Nulla vitae libero quis leo accumsan sodales. Duis in euismod lacus.
Proin imperdiet tincidunt lectus quis facilisis. Donec dolor elit, commodo et convallis quis, malesuada at urna. Aenean neque felis, ultrices ac fermentum ut, egestas sit amet nisl. Cras ac tellus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra facilisis aliquet. Donec congue lobortis venenatis. Nullam laoreet egestas lectus ut fermentum. Fusce tincidunt porta quam. Proin at lorem arcu, id iaculis lectus. Mauris suscipit felis et erat mattis iaculis. Vivamus tempor consequat cursus. Sed nec massa metus. Cras vitae purus non est dapibus ultrices non sed massa.
Donec ut orci tellus, ac porttitor diam. Proin euismod dui arcu. Vivamus in tellus non odio suscipit tempor quis a mauris. Praesent fermentum eros ut libero posuere in ultricies ipsum tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In in purus erat. Mauris ac suscipit lacus. Cras id arcu nisi. Cras arcu diam, blandit non pellentesque eu, tincidunt at libero. Sed hendrerit congue nibh, at faucibus purus commodo sit amet. Etiam est libero, pulvinar eget aliquam vel, blandit sit amet turpis. Morbi mi massa, ultricies in viverra a, fermentum vel turpis. Quisque eget arcu non velit tincidunt elementum. Donec nec vestibulum leo. Ut lacinia faucibus tellus, in cursus magna blandit mollis.
Nullam a vestibulum sapien. Etiam porttitor, tellus in molestie blandit, purus metus mattis lectus, sed dictum ligula justo eget arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean volutpat iaculis lectus nec gravida. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ultrices consectetur cursus. Etiam fringilla dictum turpis sit amet dapibus. Morbi lorem ante, varius sit amet facilisis eget, consectetur faucibus magna. Mauris ac leo quis elit ullamcorper luctus vitae in magna. Mauris ut odio at magna mollis posuere. Morbi lacinia eros id est imperdiet a tristique sapien placerat. Quisque et nisl viverra dui volutpat lobortis id ut tellus. Quisque in nibh a libero ullamcorper feugiat. In non odio velit. Morbi dictum turpis quis risus scelerisque pulvinar a eget sapien. Ut at ligula vitae nulla tristique dignissim. Suspendisse sagittis semper ante imperdiet consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut velit mauris. Donec viverra rhoncus odio vel luctus.