{"version":"1.0","type":"rich","title":"CSS Position Property + Button","description":"This example demonstrates the CSS `position` property through a single-page scrolling layout with three full-screen sections. It shows how `position: sticky` keeps colored headers pinned to the top while scrolling, and `position: fixed` anchors a navigation footer and a social button to the viewport. The page uses only HTML and CSS, with anchor links (`<a href=\"#one\">`) enabling smooth scrolling via `scroll-behavior: smooth`. Color-coded headers (blue, red, green) visually separate the sections, while a fixed navigation bar and button remain persistently visible.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/caa12677c895466f94fa673f126e1645?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}