降低滚动条上的div高度

Question

我有一个介绍div，它计算浏览器窗口的高度并填充屏幕，然后用户可以向下滚动到下面的主页内容。

<body>
    <div id="intro"></div>
    <div id="main"></div>
</body>

我正在使用以下JS计算窗口高度并将其附加到简介div：

  resizeWindow();
  $(window).resize(resizeWindow);

  function resizeWindow() {
    var ww = $(window).width();
    var bh = $(document).height();
    var wh = $(window).height();
    featureHeight = wh - 0;
    $('#intro').css({'height':featureHeight+'px'});

  }

我正在尝试做的是在页面滚动时降低Intro div的高度，一旦高度达到0并且用户已达到主要div内容，我就可以将其删除，以便用户不再滚动至它。

任何帮助将不胜感激。

Answer 1

var $intro = $('#intro');
$('#container').scroll(function(){
    $intro.height($intro.height() + $intro.offset().top);
    $(document).scrollTop();
    if ($intro.height() <= 0) {
        $intro.remove();
    }
});

您实际上是从#intro删除高度，直到高度为零。 不过，页面与intro元素本身相等/较小，这有点依赖。

http://jsfiddle.net/xvh4gbb2/1/

降低滚动条上的div高度

问题描述

1 个解决方案

解决方案1
0 2014-09-09 01:51:15

降低滚动条上的div高度

问题描述

1 个解决方案

解决方案1 0 2014-09-09 01:51:15

解决方案1
0 2014-09-09 01:51:15