Question

我无法让我的功能正常运行。在某个高度，它应该将徽标设置为页面上的动画。但是在我的if语句中，当我向上滚动时，它不会返回到页面隐藏

这是我的功能。

$(window).scroll(function(){
if ($(window).scrollTop() > 250) {
  //$('#logo').show( 'slow' );
  //$("#logo").css('left', function(){ return $(this).offset().left; })
  //.animate({"left":"30"}, "slow");
  $("#logo").animate({left: "30"});
}
else {
  $("#logo").animate({left: "0"});
}

这是#logo

的CSS

#logo {
  display: block;
  height: 50px;
  padding-top: 15px;
  margin-top: -15px;
  position: absolute;
  left: -493px;
}

Answer 1

这可以通过不同方式进行处理，您可以根据页面滚动的高度简单地添加或删除类，并使用css设置宽度，可见性或左侧位置的样式，或者您可以使用jquery css()函数编辑此属性。

但如果您想使用animate()，这可以帮助您：

$(window).scroll(function(){
  if ($(window).scrollTop() > 250) {
    $("#logo").animate({width: 0}, 20);
  }
  else {
    $("#logo").animate({width: 50}, 20);
  }
 });

在您的样式中

删除de left属性并设置position: fixed

我建议用class和css

执行此操作

Jquery隐藏/显示页面滚动上的徽标

1 个答案: