是否有一种方法可以通过使用jQuery卷轴功能和动画使我的Div幻灯片在一定高度后无缝向左

Question

我有一个固定的div，我放置在右侧：-35px。我希望它正确：0px一旦滚动350px。我有下面的jQuery代码

$(window).scroll(function() {
var height = $(window).scrollTop();
if(height  > 350) {
     $("#MySideDiv").animate({ "right": 0 }, "slow")
     }
else{
     $("#MySideDiv").animate({ "right": -55 }, "slow")
     }
 });

当我不包括其他位时，这只有很好。但是，如果用户滚动回到350px的范围较少，我希望它消失。有办法实现这一目标吗？

Answer 1

我不确定我完全了解您的问题，但我希望这会有所帮助。

var isVisible = false;
$(window).scroll(function() {
var height = $(window).scrollTop();
var div = $("#MySideDiv");
  if(height  > 350 && isVisible === false) {
        div.clearQueue().stop().animate({ "right": 0 }, 'slow');
      isVisible = true;
   } else if (height  < 350 && isVisible === true) {
      div.clearQueue().stop().animate({ "right": '-55px' }, "slow");
      isVisible = false;
     }
 });

https://jsfiddle.net/mfbgqxyp/1/