jQuery CookieBar example: Fixed position

This example shows the cookie bar in a fixed position. This means as you scroll down the page, the cookie bar will follow the page. This is not a change required in javascript set up, but a change in the CSS.

Note that if you do not use the default CSS provided with CookieBar, you must ensure your cookie includes the CSS required to fix the bar's position.

Also note that when an element is fixed in a page, it may cover other parts of your website. Make sure you adjust your styles to avoid important features of your website from being covered up.

Code for this example:

$.cookieBar({
    fixed: true
});

For more information about PrimeBox's CookieBar plugin, go to www.primebox.co.uk/projects/cookie-bar/.

 

 

Paragraphs to make the page longer!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dui neque, scelerisque eu commodo et, faucibus eget augue. Nunc sit amet luctus elit. Sed laoreet nulla sed erat bibendum et convallis purus blandit. Nullam felis lacus, consectetur at auctor ac, venenatis sit amet sem. Donec a orci turpis, dapibus commodo est. Quisque nibh elit, porta eget blandit eget, tempor a elit. Nullam pellentesque eros sit amet diam porta non vehicula velit consectetur. Quisque in elit elit, id fermentum quam.

Phasellus in venenatis augue. Nam fringilla dignissim turpis in viverra. Suspendisse potenti. Aliquam sit amet lorem non quam hendrerit ornare ut suscipit nisi. Vivamus eget leo et eros dignissim euismod vitae at elit. Nullam convallis aliquet erat sit amet pharetra. Morbi varius, eros vitae commodo convallis, tortor metus tristique ante, vitae lobortis tellus dolor in dolor. Vivamus commodo erat nec augue pellentesque vel convallis sem volutpat. Nullam tristique aliquam dictum. Suspendisse urna libero, tincidunt a porttitor id, facilisis tempus ipsum. Etiam nunc turpis, tempor a elementum quis, laoreet eget ligula. Integer sed lectus nisi, ut euismod dolor. Maecenas nec libero eros. Fusce mattis ornare lacinia. Proin ac nisl ut tellus viverra dignissim. Vivamus ac arcu libero.

Suspendisse vehicula nibh a sem pharetra euismod. Vestibulum at neque enim. Suspendisse congue malesuada arcu, vel vulputate quam dictum sagittis. Fusce non urna arcu. Donec congue urna at orci rhoncus eleifend. Proin scelerisque scelerisque dolor, sed vehicula sapien molestie in. Praesent ac cursus magna. Cras at purus lorem. Proin egestas rhoncus est, nec varius lorem imperdiet quis. Sed et hendrerit quam. Proin tincidunt cursus dignissim. Curabitur varius pretium ipsum ac convallis. Donec ut ligula dolor. Nunc vitae massa urna. Morbi arcu justo, iaculis dignissim feugiat et, adipiscing non dolor.

Donec convallis mauris sed justo porta sed scelerisque nisl dictum. Sed vel purus eu nibh pharetra molestie. Mauris iaculis sagittis libero, id dapibus dolor interdum sed. Phasellus nisi nibh, congue sit amet luctus et, fermentum et mi. Vivamus quis arcu magna, vitae dignissim lacus. Nulla placerat eleifend elit vitae faucibus. Quisque hendrerit mollis sem, nec lacinia nisl ornare in. Mauris adipiscing purus non orci bibendum id lobortis sem accumsan. Donec pharetra volutpat velit, rhoncus pulvinar eros tempor quis. Maecenas orci augue, vestibulum a congue non, pharetra tempus magna. Sed sed urna ac nunc dictum suscipit id id enim. Aliquam aliquam, tortor a volutpat luctus, nunc tortor vestibulum risus, sed varius neque libero quis lectus. Aliquam faucibus orci lacus. Nulla elementum lectus sit amet lectus mattis luctus tempus dolor fringilla. Morbi mattis vestibulum dui in porttitor. Cras commodo luctus odio blandit porttitor.

Pellentesque quis leo est, nec bibendum ligula. Fusce dolor ante, ornare ut vestibulum et, iaculis vitae dui. Ut congue volutpat faucibus. Aliquam fringilla tempus magna in laoreet. Aliquam ipsum augue, varius eu vulputate vitae, pharetra a dolor. Suspendisse vel nunc nunc. Praesent sed nunc est, id adipiscing purus. In hac habitasse platea dictumst. Duis pulvinar accumsan est, at porta elit lacinia non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dui neque, scelerisque eu commodo et, faucibus eget augue. Nunc sit amet luctus elit. Sed laoreet nulla sed erat bibendum et convallis purus blandit. Nullam felis lacus, consectetur at auctor ac, venenatis sit amet sem. Donec a orci turpis, dapibus commodo est. Quisque nibh elit, porta eget blandit eget, tempor a elit. Nullam pellentesque eros sit amet diam porta non vehicula velit consectetur. Quisque in elit elit, id fermentum quam.

Phasellus in venenatis augue. Nam fringilla dignissim turpis in viverra. Suspendisse potenti. Aliquam sit amet lorem non quam hendrerit ornare ut suscipit nisi. Vivamus eget leo et eros dignissim euismod vitae at elit. Nullam convallis aliquet erat sit amet pharetra. Morbi varius, eros vitae commodo convallis, tortor metus tristique ante, vitae lobortis tellus dolor in dolor. Vivamus commodo erat nec augue pellentesque vel convallis sem volutpat. Nullam tristique aliquam dictum. Suspendisse urna libero, tincidunt a porttitor id, facilisis tempus ipsum. Etiam nunc turpis, tempor a elementum quis, laoreet eget ligula. Integer sed lectus nisi, ut euismod dolor. Maecenas nec libero eros. Fusce mattis ornare lacinia. Proin ac nisl ut tellus viverra dignissim. Vivamus ac arcu libero.

Suspendisse vehicula nibh a sem pharetra euismod. Vestibulum at neque enim. Suspendisse congue malesuada arcu, vel vulputate quam dictum sagittis. Fusce non urna arcu. Donec congue urna at orci rhoncus eleifend. Proin scelerisque scelerisque dolor, sed vehicula sapien molestie in. Praesent ac cursus magna. Cras at purus lorem. Proin egestas rhoncus est, nec varius lorem imperdiet quis. Sed et hendrerit quam. Proin tincidunt cursus dignissim. Curabitur varius pretium ipsum ac convallis. Donec ut ligula dolor. Nunc vitae massa urna. Morbi arcu justo, iaculis dignissim feugiat et, adipiscing non dolor.

Donec convallis mauris sed justo porta sed scelerisque nisl dictum. Sed vel purus eu nibh pharetra molestie. Mauris iaculis sagittis libero, id dapibus dolor interdum sed. Phasellus nisi nibh, congue sit amet luctus et, fermentum et mi. Vivamus quis arcu magna, vitae dignissim lacus. Nulla placerat eleifend elit vitae faucibus. Quisque hendrerit mollis sem, nec lacinia nisl ornare in. Mauris adipiscing purus non orci bibendum id lobortis sem accumsan. Donec pharetra volutpat velit, rhoncus pulvinar eros tempor quis. Maecenas orci augue, vestibulum a congue non, pharetra tempus magna. Sed sed urna ac nunc dictum suscipit id id enim. Aliquam aliquam, tortor a volutpat luctus, nunc tortor vestibulum risus, sed varius neque libero quis lectus. Aliquam faucibus orci lacus. Nulla elementum lectus sit amet lectus mattis luctus tempus dolor fringilla. Morbi mattis vestibulum dui in porttitor. Cras commodo luctus odio blandit porttitor.

Pellentesque quis leo est, nec bibendum ligula. Fusce dolor ante, ornare ut vestibulum et, iaculis vitae dui. Ut congue volutpat faucibus. Aliquam fringilla tempus magna in laoreet. Aliquam ipsum augue, varius eu vulputate vitae, pharetra a dolor. Suspendisse vel nunc nunc. Praesent sed nunc est, id adipiscing purus. In hac habitasse platea dictumst. Duis pulvinar accumsan est, at porta elit lacinia non.