ناوبری در برگه
این عناصر را می توان به راحتی در صفحات و بلوک های مختلف مورد استفاده قرار دهید و سفارشی سازی کنید
شما میتوانید تمام المان های بکار رفته را در قالب استک از
صفحه لیست المان ها ←
مشاهده کنید
لینک در صفحه
استک شامل یک پلاگین پیمایش صاف است که به شما امکان می دهد پیمایش صفحه را به عناصر داخل صفحه متحرک کنید.
عملکرد پیمایش صاف به دو عنصر نیاز دارد: عنصر <a href> با کلاس .inner-link و عنصری که باید به آن پیمایش کنید - که نیاز به یک ویژگی id که با مقدار href پیوند مطابقت دارد.
قطعه نشانه گذاری زیر نشان می دهد:
<a class="inner-link" href="#my-section">My Section</a> ... <section id="my-section">...</section>
لینک بالا به این بخش خواهد رفت.
ناوبری به صفحه
ناوبری به صفحه یک روش ناوبری منحصر به فرد است که در کنار صفحه اجرا می شود و به جهت دهی کاربر کمک می کند. این ویژگی به ویژه برای سایت های "یک صفحه ای" یا صفحات کوچک متمرکز بر عکاسی لندیگ مفید است.
ناوبری به صفحه بر اساس اصول پیمایش صاف که در بالا توضیح داده شد کار می کند و در داخل a قرار دارد <section class="page-navigator">. این بخش یک فرزند دارد عنصر <ul> با یک کودک عنصر <li> برای هر بخش در صفحه.
قطعه نشانه گذاری زیر نشان می دهد:
<section class="page-navigator">
<ul>
<li>
<a href="#section1" class="inner-link" data-title="Section 1"></a>
</li>
<li>
<a href="#section2" class="inner-link" data-title="Section 2"></a>
</li>
<li>
<a href="#section3" class="inner-link" data-title="Section 3"></a>
</li>
</ul>
</section>