折叠后浮动菜单

Question

我有一些代码显示基于高度的浮动固定菜单，例如1000px之后。

我想改变这一点，以便在页面折叠后显示。

以下代码

$(document).ready(function()
{

var $top1= $('#headerBackgroundWhite').offset().top + 1000;   
var $mid1 =  Math.floor($(window).height() / 2);
$('#dirbutton').data('mode','scrollup');




$('#dirbutton').click(function()
{
   $mode = $(this).data('mode');

   switch($mode)
   {
     case 'scrolldown':
     $('html, body').animate({scrollTop:0}, 'slow');
     return false;
     break;
 case 'scrollup':
    $scrollpos = $('body').outerHeight();
    $('html, body').animate({scrollTop:$scrollpos}, 'slow');
    return false;
    break;
   }


});

$(window).scroll(function()
{   

    if ($(window).scrollTop()>$top1)   
    {
     $('#headerBackground').hide();
     $('#headerBackgroundWhite').show();
     $('#headerBackgroundWhite').addClass('floater');
    }
    else
    {
     $('#headerBackgroundWhite').hide();
     $('#headerBackground').show();

     }



});

我试图将第三行更改为结束+窗口以获取窗口高度，但没有成功。

有关如何做到这一点的任何建议？