顶部的粘性div不允许用户在更高分辨率的屏幕上向下滚动

Question

当用户向下滚动页面时，我们想要在屏幕顶部固定一个div。代码在屏幕分辨率上工作正常，直到1600 X 900，但是当我们超出此分辨率（例如1920 X 1080）时，用户无法滚动到底部，屏幕往往会一直在顶部移动。

这会导致屏幕上出现振动，因为当用户试图将屏幕移到顶部时，用户正试图向下滚动。

div有css：

.fixedElement {
width:100%;     
 z-index:10000;
 background-color:White;}

并检测文档javascript代码的顶部偏移量

$(window).scroll(function(e){ 
var $el = $('.fixedElement'); 
var isPositionFixed = ($el.css('position') == 'fixed');
if ($(this).scrollTop() > 200 && !isPositionFixed){ 
    $('.fixedElement').css({'position': 'fixed', 'top': '0px'}); 
}
 if ($(this).scrollTop() < 200 && isPositionFixed)
{
 $('.fixedElement').css({'position': 'static', 'top': '0px'}); 
}
});1028

任何解决方案？