窗口滚动的多功能执行

时间:2015-11-06 10:57:37

标签: jquery html css

我正在使用Couple of Main div在每个主要div中我调用了更多的sub div,它们在我的CSS中定义了一些类文件。所有这些类文件都包含图像。我暗示窗口滚动效果,因为我的页面是单页,有很多图像。我做了一些关于谷歌的研究,但没有找到合适的答案。滚动页面我需要删除一些类页面滚动,我将使用jquery removeClass()。我在窗口滚动方法上有一些功能。现在只在window.sroll()效果上我想在页面向下滚动时删除一些类。

我正在寻找如何在窗口滚动上使用多个函数的答案。如何在window.scroll上绑定两个或三个函数。如何在窗口滚动上执行多个功能。 HTML

  <div ng-repeat="field in fields">
    <label>{{::field.name}}</label>
    <select ng-init="fields[field.id] = selectedFvs[1]" ng-model="fields[field.id]">
      <option value="select-all">Select All</option>
      <option ng-repeat="fieldValue in field.fieldValues" value="{{::fieldValue.id}}">{{fieldValue.name}}</option>
    </select>
  </div>

1 个答案:

答案 0 :(得分:1)

只需添加多个处理程序,它们将按您添加的顺序执行。

$(window).scroll(scrollHandlerOne);
$(window).scroll(scrollHandlerTwo);

function scrollHandlerOne(e) {
  // Do logic here
  // Executed first
}

function scrollHandlerTwo(e) {
  // Do logic here    
  // Executed second
}