Question

i have a website it like 1800px in height. i want when user scrolldown around 200px it show an div on the top of the layout and its should stick with the page. when user scroll back to top , the div should disappear.

Answer 1

You can trigger an event on scroll:

$(window).scroll(function() {
    if ($(this).scrollTop() > 0) {
        topDiv.show();
    } else {
        topDiv.hide();
    }
});