Question

我需要什么：

如果您位于页面顶部，就像重新加载后一样，则不应更改特定div的CSS。现在，如果你进一步滚动到顶部（即使你已经在0），div应该得到一个应用了一些CSS的样式属性，从而在你再次向下滚动到0之后应该删除该属性。有人知道它是如何工作的吗？我已经查找了scrollTop（）的jQuery API文档，但这并没有让任何事情变得更清晰。

到目前为止我已尝试过：

$(window).scroll(function(){
    if ($(window).scrollTop() < 0){
        $('#profile--heading').css( "height","800px" );
    } else {
        $('#profile--heading').removeAttr("style");
    }
});

基本上，它正是Google为其Google Plus个人资料标题图片所获得的。如果您位于页面顶部，图像应该变大，再次向下滚动后，首先应该滚动到0，然后才能进一步滚动。

提前感谢您的努力。

Answer 1

如果我正确理解了您的问题，这可能会对您有所帮助：click here

  $(function() {
    $(window).scroll(function() {
      var scroll = $(window).scrollTop(); //current scroll position
      if (scroll >= 100) {
        $("#block").height(1000);//increases the height of the element
      } else if (scroll < 100) {
        $("#block").height(200);//decreases the height of the element
      }
    });
  });

当scrollTop为0并且它仍然向上滚动时执行某些操作（jQuery）

1 个答案: