fixed scrolling

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();
    var top = $('#stick-here').offset().top;
    if (window_top > top) {
    } else {
$(function() {

CSS Code:
#stickThis.stick {
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 9999;

jQuery Reference file  URL-
<script src=""></script>

Live example as,


You can use jQuery to do it:

jQuery(document).ready(function (){
    $(window).scroll(function() {
        if ($(this).scrollTop() === 100) { // this refers to window
            $('.ad-container').css('position', 'fixed');
        } else {
            $('.ad-container').css('position', 'static');

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog -
My Books - Book 1 and Book 2 Powered by Blogger.