If I understand correctly, this is what you’re looking for: $(document).ready(function() { $(‘ul.navigation’).on(‘click’, ‘a’, function(e) { e.preventDefault(); $(‘html, body’).animate({ scrollTop: $( $.attr(this, ‘href’) ).offset().top }, 500); }); }); 7 solved How to animate scroll down and up the webpage using jquery [duplicate]
Transforms create a new stacking order and context. That means that fixed positioning will no longer be tied to the viewport. In this particular case, the simple answer is that you can’t combine transforms and fixed positioning. 3 solved iPad Safari elements disappear and reappear with a delay
Try: $(document).ready(function () { var $scrollingDiv = $(“#navbar”); $(window).scroll(function () { $scrollingDiv.stop() .animate({ “marginTop”: ($(window).scrollTop() + 0) + “px” }, “slow”); $scrollingDiv.css(“background-color”, (($(window).scrollTop() / $(document).height()) > 0.15) ? “orange” : “”); }); }); Demo 1 solved change div color after scrolling 15% down with jquery [closed]
Your window height is not returning expected value, because you are not setting any DOCTYPE: <!DOCTYPE html> SEE 1 solved Scroll Function working in reverse order [closed]