基金会 CSS 麦哲伦
Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架，可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司，如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼，都在使用它。该框架基于bootstrap，类似于SaaS。它更加复杂、通用且可配置。它还带有一个命令行界面，使其易于与模块捆绑器一起使用。电子邮件框架为您提供响应式 HTML 电子邮件，可以在任何设备上阅读。 Foundation for Apps 允许您构建完全响应的 Web 应用程序。
Foundation CSS Magellan用于在单击链接时跳转到给定目标。当我们想直接跳转到某个特定部分而不向下滚动网页时使用它。
在本文中，我们将讨论 Foundation CSS Magellan。
基金会 CSS Magellan 主题：
- 设置：我们将创建基本的麦哲伦。
- 粘性导航：我们将使用粘性导航创建 Magellan。
基础 CSS 麦哲伦类：
- data-magellan：该类用于创建部分的链接。
- data-magellan-target：该类用于在我们单击链接时创建目标部分。
- data-magellan-arrival：该类用于创建固定导航 Magellan。
- data-magellan-destination：此类用于在我们单击元素时创建目标部分。
句法：
....
示例 1：以下代码演示 Foundation CSS Magellan设置。
HTML
Foundation CSS Magellan
GeeksforGeeks
Foundation CSS Magellan
GeeksforGeeks 1
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles.A Computer Science
portal for geeks.
GeeksforGeeks 2
With the idea of imparting programming
knowledge, Mr. Sandeep Jain,an IIT Roorkee
alumnus started a dream, GeeksforGeeks.
A Computer Science portal for geeks.
GeeksforGeeks 3
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. A Computer Science
portal for geeks.
HTML
Foundation CSS Magellan
GeeksforGeeks
Foundation CSS Magellan
GeeksforGeeks 1
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles.A Computer Science
portal for geeks.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles.A Computer Science
portal for geeks.
GeeksforGeeks 2
With the idea of imparting programming
knowledge, Mr. Sandeep Jain,an IIT Roorkee
alumnus started a dream, GeeksforGeeks.
A Computer Science portal for geeks.
With the idea of imparting programming
knowledge, Mr. Sandeep Jain,an IIT Roorkee
alumnus started a dream, GeeksforGeeks.
A Computer Science portal for geeks.
GeeksforGeeks 3
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. A Computer Science
portal for geeks.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. A Computer Science
portal for geeks.
输出：
基础 CSS 麦哲伦设置
示例 2：以下代码演示了 Foundation CSS Magellan粘性导航。
HTML
Foundation CSS Magellan
GeeksforGeeks
Foundation CSS Magellan
GeeksforGeeks 1
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles.A Computer Science
portal for geeks.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles.A Computer Science
portal for geeks.
GeeksforGeeks 2
With the idea of imparting programming
knowledge, Mr. Sandeep Jain,an IIT Roorkee
alumnus started a dream, GeeksforGeeks.
A Computer Science portal for geeks.
With the idea of imparting programming
knowledge, Mr. Sandeep Jain,an IIT Roorkee
alumnus started a dream, GeeksforGeeks.
A Computer Science portal for geeks.
GeeksforGeeks 3
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. A Computer Science
portal for geeks.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. A Computer Science
portal for geeks.
输出：
基础 CSS Magellan 粘性导航
参考： https://get.foundation/sites/docs/magellan.html