首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在scrollTop为0时执行某些操作,但它仍然向上滚动(jQuery)

在scrollTop为0时执行某些操作,但它仍然向上滚动(jQuery)
EN

Stack Overflow用户
提问于 2017-07-11 23:19:02
回答 1查看 654关注 0票数 0

我需要的是:

如果你在页面的顶部,就像你重新加载它之后,特定div的CSS不应该改变。现在,如果您进一步滚动到顶部(即使您已经在0处),div应该获得应用了一些CSS的style属性,因此在您再次向下滚动到0之后,该属性应该会被删除。有人知道这是怎么回事吗?我查阅了scrollTop()的jQuery应用程序接口文档,但这并没有让我更清楚。

到目前为止,我已经尝试了:

代码语言:javascript
运行
复制
$(window).scroll(function(){
    if ($(window).scrollTop() < 0){
        $('#profile--heading').css( "height","800px" );
    } else {
        $('#profile--heading').removeAttr("style");
    }
});

基本上,这正是谷歌在Google Plus个人资料标题图片中得到的。如果你在页面的顶部,图像应该会变大,在你再次向下滚动后,网站应该首先滚动到0,然后才能进一步滚动。

提前感谢您的努力。

EN

回答 1

Stack Overflow用户

发布于 2017-07-12 00:56:57

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

代码语言:javascript
运行
复制
  $(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
      }
    });
  });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45038550

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档