Skip to main content

Posts

Showing posts with the label Script to stick HTML element

Script to stick HTML element to the top when scrolled through

jQuery div fixed position of div when scrolling. The HTML Code: <div id="stick-here"></div> <div id="stickThis">Sticky note</div> JavaScript Code: function sticktothetop() {     var window_top = $(window).scrollTop();     //alert(window_top);     var top = $('#stick-here').offset().top;     if (window_top > top) {         $('#stickThis').addClass('stick');     } else {         $('#stickThis').removeClass('stick');      } } $(function() {     $(window).scroll(sticktothetop);     sticktothetop(); }); CSS Code: #stickThis.stick {     margin-top: 0;     position: fixed;     top: 0;     z-index: 9999; } jQuery Reference file   URL- <script src="https...
Read more