Javascript 如何检测视图是否位于顶部位置

我使用以下代码使元素在滚动时淡入：

    <script language="JavaScript">
        $(document).ready(function() {
           $(window).scroll( function() {
              $('#floatingDIV4').each( function() {
                 var bottom_of_object = $(this).position().top + $(this).outerHeight();
                 var bottom_of_window = $(window).scrollTop() + $(window).height();

                 if (bottom_of_window > bottom_of_object) {
                     $(this).animate({'opacity':'1'}, 500);
                 }
              });
           });
        });
    </script>

我试图找到一个代码，使滚动显示的元素在顶部位置淡出，但我没有找到任何代码。你对此有什么想法吗

编辑： 答案很好，但代码不起作用。

使用此选项

 if (bottom_of_window > bottom_of_object) {
                 $(this).animate({ scrollTop: 0, opacity: 0  },'slow');
             }

如果这个答案是正确的，那么请将它标记为其他人的答案

if (bottom_of_window > bottom_of_object) {
             $(this).animate({ scrollTop: 0,
                               opacity: 0 
                             },'slow');
         }

这将滚动到顶部，同时淡出。 但是，如果您希望代码仅在移到顶部后才淡出，则可以使用：

    if (bottom_of_window > bottom_of_object) {
             $(this).animate({ scrollTop: 0,}, 
                     complete: function(){
                         $(this).animate({opacity:0})
                     )};
      }

但是，为了使长方体在褪色时可见，scrollTop:值需要大于0，例如，长方体的高度（以px为单位）。

这可能对您有所帮助

function show_coords(event)
{
    var x=event.clientX;
    var y=event.clientY;
    alert("X coords: " + x + ", Y coords: " + y);
}

将X，Y的值与一些预定义的值进行比较

要获得性能，请尝试使用解盎司和缓存元素。