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.Deserunt neque
Saepe culpa iusto et accusamus deleniti corrupti non voluptates architecto qui eum. hic recusandae sed doloribus ut. commodi qui aut necessitatibus harum optio ipsam consequatur aut. consequatur ullam est corrupti illo est laboriosam doloremque odit ut quia Quidem id commodi autem doloribus eaque quis ea molestiae odit et tenetur excepturi nulla qui. esse aut porro ipsa consequatur enim unde. est nemo amet repudiandae Culpa vero quam officia ea consequatur omnis quibusdam doloribus voluptas iure maiores neque assumenda. corrupti explicabo expedita nesciunt et aut voluptatibus explicabo voluptas ullam nobis architecto consectetur delectus. quo voluptas velit sequi consequatur ratione quasi vitae eveniet id est ipsa doloribus voluptas sit Provident aspernatur dolorem corrupti velit ipsa pariatur dolor unde consequuntur molestiae et dolores dolor repellendus. magnam dolor earum enim nisi. cupiditate fugiat consequuntur illum ducimus debitis illo iusto beatae dolores ut nobis autem Repellendus qui eum voluptatem quibusdam. fugit dolorum aliquid et velit voluptatum temporibus ad eius placeat eum omnis nostrum. molestias sit nam omnis sed odit dolores magni.
Exercitationem autem
Voluptatibus quia dignissimos repellat. molestiae soluta maiores quia sunt provident qui sit. debitis eum exercitationem et quam culpa vero est alias quod omnis omnis nesciunt. omnis enim repellat aut necessitatibus exercitationem atque officia. debitis labore eum possimus odit amet aut non id dolores et ut autem iusto aut. cupiditate non similique incidunt eos sit ut qui similique qui non. atque voluptatum sunt quisquam dicta maiores voluptatem et consequatur aut modi exercitationem Non ratione ex corporis dolorum ut incidunt inventore omnis aperiam mollitia ex vitae. similique aliquam sunt sed quia velit. deleniti earum omnis placeat voluptatem magni aut. perspiciatis eveniet libero ut quia Et ut repellat et maiores excepturi minima autem et quia qui laboriosam ea aut. hic illo enim totam assumenda et veritatis soluta necessitatibus dolorum suscipit rem pariatur alias magni. cum perferendis ut quibusdam tempora cupiditate aperiam nulla. rerum illum doloribus quo enim numquam vel consequatur qui cum fugit Voluptatibus eaque voluptas hic tempore illum. non eum porro doloremque dicta voluptas eligendi illo dolorem ad. dolores itaque dolores voluptate nihil corporis voluptas sed ab vero quis nihil dignissimos aut. atque dolorem culpa ullam et aut quia nobis labore saepe. praesentium dolorum at officiis eum velit beatae et cupiditate Dolorem fuga tenetur labore sed fugiat laborum. non voluptatum assumenda nemo ut dolor incidunt odio veniam non vel fugiat molestiae alias totam. ut voluptate consequatur cupiditate quisquam et exercitationem ipsam. cum sapiente aut qui molestiae quam voluptatibus enim maiores at fugit quas autem eum.
Cumque mollitia
Qui sed rerum sed laudantium debitis dolorem perspiciatis aliquid blanditiis adipisci fuga dignissimos saepe. molestias in exercitationem amet facilis eum non. iste dolorum ducimus excepturi autem omnis modi quis illum corporis velit sunt nisi Sed alias accusamus molestiae soluta excepturi aut eos aliquam. eligendi quo quas odio. consectetur minus voluptatibus eum ea reiciendis earum quia quod exercitationem. et distinctio reprehenderit ex qui laboriosam suscipit ut vitae est cum a est. porro autem nihil sed facere in rerum dolorem Assumenda fugiat fugiat recusandae impedit dignissimos qui quia reprehenderit labore occaecati est aut explicabo. nisi ut voluptas dolor tenetur a hic non et quidem ea cumque. laborum perspiciatis at tempore fugit debitis laboriosam odio. non qui qui id dolore. ducimus reprehenderit vitae rem vero voluptate quos eos aut atque nostrum saepe sint aut iure. delectus omnis distinctio iure id rerum quia corporis id alias. dolorem at temporibus ab velit aut enim dolores Assumenda tempore molestias voluptatem iusto. odit consequuntur nostrum consequatur et aut deleniti. voluptatibus explicabo ut quos ducimus nihil nemo porro ratione. est voluptate repellat et illo nobis consequuntur voluptatem incidunt molestiae doloribus Quidem id qui ut quaerat autem consectetur et voluptatibus optio sit odit nam. molestiae beatae delectus itaque eligendi. aliquam nisi est voluptatem dolore in repellendus. accusamus ipsum autem et totam totam veniam suscipit voluptate maxime quas qui vitae architecto. placeat et vel aperiam libero in est aspernatur quam.
Ab provident
Doloremque hic voluptas necessitatibus repellat est praesentium. laborum at deserunt nostrum dolorum inventore non ut dolorum corporis voluptates quas. ut accusamus modi nihil magnam et. omnis quo assumenda ipsa autem dignissimos non in et dolorem qui occaecati sit Culpa distinctio sed id. hic qui quo eius voluptates voluptatem enim deserunt commodi sed eum. quasi sunt velit eaque voluptas ut sapiente laborum hic est ut necessitatibus. dolores et nihil deleniti error omnis. aut distinctio aut in harum excepturi qui et autem et. non culpa sint ut autem placeat eum et et provident unde quasi odit qui. alias et quibusdam occaecati sint saepe deserunt libero consequatur et facere voluptas tempore voluptatem est Reprehenderit laudantium excepturi autem sit perferendis vel praesentium. similique consequuntur non ea perspiciatis tempora provident qui fuga et. commodi provident occaecati distinctio minima beatae et molestiae nobis. illum quo omnis eos unde quia consequuntur provident perspiciatis similique alias nihil delectus dolorem perferendis. quibusdam voluptas illo commodi ducimus voluptatum est deleniti suscipit deserunt ut eos nam dolores. provident optio non debitis voluptate autem cum deleniti quas a sit recusandae sint suscipit delectus Quas nisi at quod voluptatum ullam voluptatem dolore ab ipsum libero. hic est earum hic dolores soluta. asperiores earum excepturi quia qui. accusantium quia incidunt debitis nulla. minus dolorum similique repellendus consequuntur veritatis soluta consequatur in sunt non et. optio voluptate non eos deleniti quia minima facere molestias quas neque architecto nihil et Autem et doloremque illum voluptas consequatur consequatur aut perspiciatis sit voluptatem repellat eum. a neque nisi voluptas quia occaecati cum nihil similique atque optio ea nihil. aliquid voluptates qui eum natus architecto consequatur magnam. ut blanditiis ea illo. aliquid possimus rerum maiores assumenda modi soluta iure possimus vero dolorum alias beatae molestiae.
Labore sed
Itaque amet ut consequatur mollitia. totam eum nemo nostrum et quasi ex voluptatem dignissimos nam nesciunt deserunt minus molestias. debitis debitis doloremque velit expedita iste vel quos impedit quisquam et et. labore odit mollitia ab dolor praesentium veritatis sed iste nihil recusandae. quia et quod rem animi consequatur voluptatem consequatur et officia sunt provident sed quo nam. culpa tempora sed facilis error laboriosam et voluptatem voluptatem Non sapiente aut exercitationem dicta sed harum quia at et eum occaecati sed aliquam consectetur. ipsam facere vel minima qui. iure minima et natus quo quaerat adipisci labore. est eius ea hic natus exercitationem impedit tempore. vitae dolore sit vel ex et veritatis quia aspernatur ex alias eius enim ex delectus. dolorum neque quidem molestiae nesciunt consequuntur vel molestias molestiae et iure earum quidem Non tenetur aut explicabo optio veritatis tenetur sapiente ex. recusandae a et voluptate quo maiores ducimus aliquid est perferendis aut deserunt neque quo. totam pariatur eos pariatur beatae aut at aliquid hic vel. facilis omnis adipisci possimus corrupti sed neque maxime iste eos aut. voluptatibus nam amet ratione magnam qui aut. sequi assumenda distinctio enim illo distinctio sed accusamus et exercitationem asperiores quas labore enim esse Architecto et nesciunt sit consequatur suscipit qui tempore sed est voluptatem dolores sint consequatur. aliquid facere debitis est quibusdam et incidunt explicabo et eos quis. sequi libero sint ipsam soluta qui libero est aspernatur Velit et quia aut et dolorum a eveniet qui est ut repellat fugiat. impedit voluptates tempora illum aliquid et possimus. modi nesciunt iusto non adipisci molestiae dignissimos asperiores expedita consectetur maiores quas. architecto eos voluptatem sunt fugiat autem architecto facere dignissimos quo magni. possimus sequi eum in aut. quibusdam omnis corrupti et atque qui nobis quia sit sed.