sajjadhira

This is a bit long, I am using this , I think this is so simple $(document).ready(function(e) { var a = 400, t = 1200, l = 700, s = e(".scrool-top"); e(window).scroll(function() { e(this).scrollTop() > a ? s.addClass("scrool-is-visible") : s.removeClass("scrool-is-visible scrool-fade-out"), e(this).scrollTop() > t && s.addClass("scrool-fade-out") }), s.on("click", function(a) { a.preventDefault(), e("body,html").animate({ scrollTop: 0 }, l) }) }) It's working fine Here, You can say this as demo So why long coding?