Sticky nav

The sticky nav component is based on the page nav component and is primarily for navigating within a page, but can also be used to navigate between pages.

It is sticky within its wrapper at desktop sizes when there is room for a sidebar and is fixed to the top of the screen at smaller sizes.

Other elements can be set to be included in the mobile version e.g. back buttons.

You can init and destroy using the bus or by calling directly:

UCASDesignFramework.bus.publish('df.stickyNav.init') // Use the bus to initialise.
UCASDesignFramework.bus.publish('df.stickyNav.destroy') // Use the bus to destroy.
UCASDesignFramework.stickyNav.init() // Call directly to initialise.
UCASDesignFramework.stickyNav.destroy() // Call directly to destroy.

The title of the sticky nav in mobile view can be set and unset:

UCASDesignFramework.bus.publish('df.stickyNav.setTitle', 'Cheese') // Use the bus to set to a new string.
UCASDesignFramework.bus.publish('df.stickyNav.setTitle') // Use the bus to set to default.
UCASDesignFramework.stickyNav.setTitle('Cheese') // Call directly to set to a new string.
UCASDesignFramework.stickyNav.setTitle() // Call directly to set to default.

Alias fuga

Fugit cupiditate qui sapiente nihil aut dolore ut eaque quibusdam corporis. voluptatem quasi laboriosam animi quae. eligendi placeat eligendi consequuntur sint et delectus animi. aut qui ut quidem. nulla architecto modi rerum qui odio dolores dolore sed omnis distinctio dolores architecto dicta. id aliquid aut praesentium aliquid expedita eaque recusandae Illo et voluptatem perferendis magni sit sapiente aut totam voluptates. praesentium ut provident voluptatibus consequuntur quod dolore et ea expedita et omnis. ex sint eum modi quis quo. voluptas dolores voluptatum minus asperiores voluptatem dolorem deserunt et cumque quibusdam aut expedita. quaerat ducimus tenetur alias rerum mollitia ex recusandae molestiae quos quo quia et magni. error quis libero asperiores qui optio aut ab sed neque. magnam quisquam odit consequatur et vel laudantium voluptatem enim nemo a Ut assumenda harum vero tempore odio quia et cupiditate id porro facilis ut eaque aut. omnis adipisci enim tenetur necessitatibus quo sunt ducimus non quasi id perferendis ut aliquam et. vitae vel tempora sit quidem eos enim et et numquam ut Et et consequatur est qui corrupti ad natus aut quia excepturi velit. aperiam dicta fuga aut ut minus ea. id suscipit error laudantium aut reiciendis. sed totam esse sequi voluptas ratione dolores qui magnam eos Et necessitatibus sapiente atque aut ratione sed quaerat deserunt eligendi et. laudantium et ut voluptatum quae eum rerum laudantium consequatur omnis voluptate cumque facilis rem. et rem est ipsa eum eum. architecto nam laboriosam sit necessitatibus sit ut est atque tempora omnis deleniti et. mollitia est tempore dolorum consequatur iste rem perspiciatis voluptatem nobis dolore beatae consequatur repellat qui. tempora expedita et natus fugit. error voluptatem quos fuga temporibus ratione non cupiditate quod perferendis autem velit quia sint rerum.

Quo facere

Dolor perferendis recusandae nulla nesciunt. unde quos totam id commodi occaecati autem ipsa ut beatae distinctio. mollitia soluta aliquid et inventore saepe magnam voluptatum ea modi unde odio doloribus. ea fugit exercitationem unde eum est et laudantium delectus expedita ea quo dicta debitis voluptas. aut sit dignissimos magni expedita nihil soluta quidem molestias ipsum nemo tempora quisquam. asperiores eaque esse quos sed voluptatum quos maiores corporis quasi impedit accusantium et perferendis assumenda. ea omnis enim est qui non dolorem deleniti omnis eius dignissimos illum est Dicta ipsa in nobis consequatur deleniti modi impedit quas eveniet qui. vero ut et ratione atque quia possimus ad. illum ut delectus commodi maxime pariatur ad. quam incidunt facilis quibusdam est ut et assumenda est et totam nostrum ut. est non quia ad fuga voluptatibus odit ut aut tempora quidem accusamus natus Vitae dolorem corrupti voluptatem consectetur aut qui dolorum mollitia et a. amet fugit aut iste error modi. facilis quidem assumenda unde soluta qui odit iusto vel unde quo nemo laboriosam Consequatur rem ex voluptas magnam voluptatem tempore itaque aperiam recusandae. quam consequatur consectetur quasi beatae recusandae praesentium esse voluptas omnis reiciendis. mollitia quas omnis vel est ut id ipsam velit sunt omnis aut tempora odit. nisi aliquam quis officia. totam nostrum aspernatur voluptatem nam est quas voluptatum occaecati magnam est hic necessitatibus doloribus temporibus. consequatur voluptates odio debitis voluptatem velit qui Voluptatem non aliquid expedita nisi sit dolorum sunt earum. repellat quae saepe velit asperiores qui saepe sed molestiae dolore ipsam inventore. voluptas commodi placeat error aut eligendi. iusto qui magni et magni non nesciunt sapiente non quia nesciunt cupiditate. quod quis fuga quo earum doloribus rerum ut enim laborum autem nihil incidunt dolorum totam. omnis nostrum nulla aut nihil inventore maiores nostrum molestias dolor dolore eos consectetur repudiandae.

Voluptatem laboriosam

Quasi doloribus unde ut molestiae qui odit totam aspernatur dolorum ex vitae recusandae. ipsa modi quasi quas voluptas veniam facilis quis ex quod laudantium dignissimos aut rerum. dignissimos optio eligendi quod aliquam laudantium sit sed voluptatem non vel odit et et ab. repudiandae explicabo accusamus itaque ea accusamus blanditiis et quaerat sapiente molestias placeat. debitis aut ipsam eum error voluptas Dignissimos facilis doloribus nisi sit fuga omnis laborum quasi beatae. est aut non rerum sunt assumenda culpa ipsa sit incidunt recusandae eos rem sint. dignissimos nostrum impedit alias et consequatur amet rerum iure et Recusandae a sint deserunt. recusandae repellat et illo numquam minima. amet in reprehenderit aliquam. aut aspernatur quia aperiam perferendis suscipit. ad enim dignissimos possimus. sed animi eum amet soluta Harum esse cupiditate fugit et esse hic soluta. ex reiciendis explicabo iste. aliquam tempore est ut qui ut quaerat quisquam suscipit consequatur rerum officiis debitis ipsum libero Ut unde modi qui molestiae aut eligendi consequatur. ex hic ad hic. et aliquam qui et eos corrupti itaque cupiditate. itaque veniam sed cumque dolorem enim sequi aut ut quo possimus. nisi quae accusamus vel veniam natus. doloribus nemo aut aperiam similique laudantium. cupiditate sed omnis et.

Beatae dignissimos

Eius similique ipsa vitae et. deserunt dolorem sapiente quo doloribus et ut nostrum adipisci et provident sit. magnam non alias impedit vitae doloribus possimus in molestias porro alias ipsa Quas voluptatem dignissimos molestias enim mollitia non. saepe et quos quos voluptas ut non voluptates illum cumque officia ea enim. commodi dolor quia dolorum et aperiam dolor consectetur tempore. velit ex voluptas amet dolorem reiciendis sint in pariatur dolor explicabo rerum dolorem dolore. ipsam molestias minima rerum quia et aut impedit delectus. iure aut suscipit aspernatur non. et nihil veniam enim amet sunt Tempore ut consequatur itaque occaecati ipsam voluptates et magnam amet explicabo aut. necessitatibus ratione placeat adipisci odit cumque. quae voluptatem iste ratione. voluptates eaque quos ut assumenda autem illo rerum quia aliquid est fuga architecto sed. repudiandae nemo fuga ullam optio sunt ea totam ab perspiciatis. necessitatibus distinctio cum officia qui delectus repudiandae voluptates architecto Dolor cupiditate et explicabo ad consequatur officia quod cumque. rerum eos enim aliquid error aliquid numquam quo odit. sapiente cupiditate aut temporibus labore Excepturi vitae enim labore quas deserunt eaque quisquam dolor ut velit eum et dolor nihil. amet exercitationem harum et sequi dignissimos iure necessitatibus dolores nulla ea ad. eveniet ipsum cumque dolores. sunt sunt itaque eius soluta vel enim et explicabo aperiam in ea rerum.

Ipsum quia

Dolores quibusdam a laudantium. maiores non expedita nam est. odio libero et quae vel quas doloremque eius minima autem. tempora expedita nulla velit doloremque suscipit enim sed facere sapiente Earum ratione ea adipisci et aliquid cum error. nihil dicta distinctio aut molestias excepturi architecto adipisci a ea culpa autem repellendus velit sunt. sit quod tempore rem quia porro. libero aliquid neque deleniti cum dolor recusandae qui harum commodi delectus sint aut consequuntur nihil. nisi perferendis dolorem fugiat qui amet nam sed eum odio quam. cum occaecati nesciunt provident in eligendi Vero deleniti totam ut iure suscipit accusamus ea consequatur praesentium eius. fugit consequatur vero ullam eos rerum. deleniti ipsum fugiat incidunt minus qui vitae. eos iure praesentium quia ut blanditiis. et dolor dolorem placeat dolores ratione enim. ipsam et quod consequuntur accusamus sint officiis earum quam ut similique ut non vitae eum. soluta doloremque fugiat atque inventore nihil eligendi in laudantium laborum Sed dolorum ut quo similique rerum voluptatem sed architecto porro dolorem libero a itaque. repellat sit corporis voluptate natus voluptas quia vel quia vel aut quia consequuntur. deleniti quasi est optio quos non atque eum corporis dolores odit ut id laboriosam. nesciunt possimus sit quae placeat veniam ut nihil omnis totam sapiente. tempora ratione dolores architecto. voluptatum voluptatibus ut delectus sit voluptatem expedita odio perferendis consequuntur optio illo consequatur Deleniti est ut maiores magni iusto non. sunt voluptatum voluptatem optio excepturi nam exercitationem assumenda ullam et illo necessitatibus nostrum sint alias. hic officia ad est velit quidem expedita ipsum officia quia consequatur. vel ad sit necessitatibus neque odit voluptatem aliquam ut et omnis vero. corporis iure ducimus eum qui iste et rem sequi et possimus non.