Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery在向上滚动时添加类时遇到问题_Jquery_Html_Css_Jquery Waypoints - Fatal编程技术网

jQuery在向上滚动时添加类时遇到问题

jQuery在向上滚动时添加类时遇到问题,jquery,html,css,jquery-waypoints,Jquery,Html,Css,Jquery Waypoints,如果你看下面,我在偏移量-185处添加了几个类,当你向下滚动时,其中两个类是动画/fadeIn。我想有酒吧淡出当你滚动过去的偏移量,但我有困难实现这一点。我正在使用jQuery waypoints脚本 我认为你应该简化一点,这样会更容易解决你的问题。您需要交换您的逻辑,但我认为将其简化为仅使用带有#包装器的航路点。当您向下滚动时,窗口上方的#wrapper为185px,然后淡入#滚动动作。当你向上滚动,然后淡出。我认为将航路点也设置为“滚动动作”可能会导致两者发生冲突 $(function()

如果你看下面,我在偏移量-185处添加了几个类,当你向下滚动时,其中两个类是动画/fadeIn。我想有酒吧淡出当你滚动过去的偏移量,但我有困难实现这一点。我正在使用jQuery waypoints脚本


我认为你应该简化一点,这样会更容易解决你的问题。您需要交换您的逻辑,但我认为将其简化为仅使用带有
#包装器的航路点。当您向下滚动时,窗口上方的
#wrapper
为185px,然后淡入
#滚动动作
。当你向上滚动,然后淡出。我认为将航路点也设置为“滚动动作”可能会导致两者发生冲突

$(function() {
  $('#wrapper').waypoint(function(event, direction) {
    if(direction === "up") {
      $('#scroll-action').fadeOut();
    } else {
      $('#scroll-action').fadeIn();
    }
  }, { offset: -185});
});

确保HTML窗口有点小。

尝试一下,它没有添加类。有什么想法吗$(function(){$('#wrapper').waypoint(function(event,direction){if(direction==“up”){$('#scroll action').fadeOut()}else{$('#scroll action').addClass('sticky');$('#scroll action').fadeIn();},{offset:-185});你能发布你的HTML或者它的一个片段吗?
$(function() {
  $('#wrapper').waypoint(function(event, direction) {
    if(direction === "up") {
      $('#scroll-action').fadeOut();
    } else {
      $('#scroll-action').fadeIn();
    }
  }, { offset: -185});
});