"Fixed Footer Notification Panel With Content Scrollbar"
Bootstrap 3.2.0 Snippet by progjonner

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <button id="openErrorList">Show Panel</button> <div id="footer-panel" class="panel panel-danger panel-collapse collapse in" role="tabpanel" aria-labelledby="footer-panel-heading"> <div class="panel-heading" role="tab" id="footer-panel-heading"> <h4 class="panel-title"> Error List <a class="pull-right close" data-toggle="collapse" href="#footer-panel" aria-expanded="false" aria-controls="footer-panel"> <span aria-hidden="true">×</span><span class="sr-only">Close</span> </a> </h4> </div> <div class="panel-body"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p> </div> </div> <h1>Sample Content</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum justo ultricies, finibus mi non, hendrerit est. Nunc sit amet turpis in tortor placerat tristique. Phasellus sed commodo lectus. Praesent pulvinar, augue ac congue suscipit, sem ante condimentum massa, eget sagittis massa mauris et mauris. Nullam in ligula velit. Morbi ornare metus purus, ac hendrerit quam varius sed. Aenean vitae tortor feugiat nulla tincidunt finibus eget ac sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis tempus metus, id convallis orci hendrerit quis. Phasellus aliquam convallis nulla eu maximus. Morbi eu malesuada quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam luctus faucibus velit et molestie. </p> <p> Ut tempor pulvinar leo et sagittis. Pellentesque accumsan, elit vel ornare tristique, tellus enim condimentum libero, quis tincidunt dolor nulla eu massa. Mauris ut gravida erat. Donec iaculis nisi porttitor pulvinar volutpat. Nulla efficitur condimentum tellus, maximus eleifend justo posuere a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tempus velit eget orci bibendum facilisis. Nulla suscipit, ipsum nec pellentesque porta, ex libero imperdiet nisl, vel bibendum erat tortor vitae sem. Nam pulvinar, quam sed placerat ultricies, ligula velit efficitur mauris, in mollis augue orci eget erat. Duis ultricies felis vitae elit elementum, sed eleifend tellus sagittis. Vestibulum est nisi, pretium et diam ac, commodo bibendum est. Aenean sed posuere elit. </p> <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consectetur eget elit id viverra. Curabitur non dapibus nisl. Nullam nec lectus in dolor tincidunt facilisis vel id ipsum. Nunc eleifend pharetra velit, eu vulputate ante finibus non. Morbi vehicula turpis sed lacus ullamcorper, eget molestie nisl volutpat. Nunc vel mauris et leo tempor condimentum vitae eu lacus. Ut est erat, ultricies non erat sed, mollis efficitur leo. In blandit sed enim id rutrum. Vestibulum rutrum augue vitae blandit lacinia. Praesent neque nunc, finibus at commodo sed, semper ut turpis. Praesent nec mauris faucibus, viverra neque vel, tempor urna. </p> <p> Nam fermentum interdum eros ut ultricies. Sed aliquet ipsum sed vehicula cursus. Mauris et leo imperdiet, commodo felis vitae, mattis elit. Sed odio lorem, condimentum id neque at, elementum aliquam est. Nam pretium dui a interdum facilisis. Etiam placerat sem vel nunc viverra luctus. Mauris sed mi et mauris volutpat lacinia. </p> <p> Sed accumsan elementum rhoncus. Nulla sem metus, placerat nec porttitor et, mollis eu neque. Aliquam erat volutpat. Quisque imperdiet sem vitae nisi iaculis facilisis. Mauris ultrices dolor odio. Sed pretium nulla sit amet dolor iaculis, sed eleifend ipsum imperdiet. Sed a lorem eu lectus pretium efficitur. Maecenas eget mi volutpat dolor dictum dignissim eu nec leo. Aliquam efficitur sed enim ut facilisis. Nam iaculis urna vel dolor blandit, vel tristique nisl maximus. Sed vitae nibh lobortis, faucibus nunc id, auctor velit. Aliquam iaculis pharetra purus vitae vestibulum. Mauris pulvinar venenatis maximus. Nullam quis risus luctus, interdum nulla vel, lobortis leo. </p> <p> Vivamus mollis metus ultricies, rutrum ex eget, tincidunt tortor. Sed id nisi tincidunt, aliquam diam quis, lacinia enim. Etiam dapibus massa et purus egestas viverra. In dictum leo a efficitur ultricies. Morbi dictum ultricies lectus suscipit fermentum. Nullam tristique velit vitae aliquam ullamcorper. Cras commodo mi quis aliquam ultrices. Ut tristique aliquam euismod. Sed maximus iaculis diam, et cursus est eleifend at. Etiam eget iaculis nibh. Proin faucibus gravida eros, sed molestie ipsum blandit vitae. Donec nulla felis, laoreet a massa imperdiet, condimentum finibus elit. Morbi dignissim ac quam nec porttitor. </p> <p> Phasellus congue elit at ornare pharetra. Ut vel sapien efficitur nulla luctus iaculis vitae ut dui. Phasellus iaculis enim commodo sapien dignissim, quis finibus erat congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed sem porta erat efficitur vestibulum interdum eget enim. Vivamus hendrerit lorem ac magna condimentum, eu hendrerit lectus finibus. Quisque sodales semper consectetur. Vivamus vitae nunc in est facilisis ornare vitae sit amet dolor. Fusce diam lectus, commodo sed augue nec, pellentesque imperdiet ipsum. Donec a ligula ut massa accumsan iaculis sodales porta orci. Nullam scelerisque massa sed leo rutrum lacinia. Sed lacinia augue velit. Quisque quis dolor sit amet leo sagittis mollis sit amet finibus diam. Mauris volutpat, neque id suscipit tempus, tellus diam mollis ex, et condimentum nulla lorem quis quam. Nullam mattis tincidunt ultrices. </p> <p> Aenean tellus mauris, posuere et laoreet luctus, feugiat quis mauris. Suspendisse metus dolor, maximus in tellus non, feugiat dignissim urna. Quisque tristique finibus interdum. Aliquam viverra, purus at cursus finibus, nulla lectus ornare magna, ut mollis nibh arcu eu neque. In pharetra sit amet mauris sed porttitor. Vestibulum mi mi, porta eget risus et, imperdiet lobortis lectus. Quisque justo felis, efficitur non mollis nec, vulputate consectetur quam. Suspendisse sit amet urna dolor. Nullam ac sollicitudin leo. Duis eget massa pulvinar ante imperdiet volutpat sit amet non leo. Morbi blandit ex eget risus pretium elementum. Proin a lacus porttitor justo commodo scelerisque et malesuada enim. In fermentum felis vel fermentum dignissim. </p>
html { -ms-overflow-style: scrollbar; } #footer-panel { position: fixed; bottom: 0; width: 100%; max-height: 250px; margin-bottom: 0; } #footer-panel .panel-body { overflow-y: scroll; }
(function(){ function getNumberFromPx(cssString) { return parseFloat(cssString.replace("px", "")); } function setupPanelHeight() { var $footerPanel = $("#footer-panel"); $footerPanel.find(".panel-body").css("max-height", function() { var panelHeight = getNumberFromPx($footerPanel.css("max-height")), panelHeadingHeight = getNumberFromPx($footerPanel.find(".panel-heading").css("height")); return panelHeight - panelHeadingHeight; }); } $(document).ready(function(){ $('#footer-panel').on('shown.bs.collapse', function () { setupPanelHeight(); }); setupPanelHeight(); // setup initial height to fix IE issue // demo - trigger panel $("#openErrorList").click(function () { $("#footer-panel").collapse('toggle'); }); }); })();

Related: See More


Questions / Comments: