<table>
<tr>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>2</td>
</tr>
</table>
<table>
<tr>
<td>3</td>
</tr>
</table>
table {
width: 33.3%;
border: 1px solid black;
float: left;
}
$(function(){
$(document).on('mousewheel DOMMouseScroll', function(event){
var course = event.originalEvent.wheelDelta;
if(course > 0){
console.log("Scroll UP");
}
else{
console.log("Scroll DOWN");
}
});
});
<div id="form-container">
<form ng-repeat="f in forms">
<input ng-model="f.title">
</form>
</div>
<input type="button" ng-click="submitForms('#form-container')">
function controller(){
var self = this;
self.submitForms = function(selector){
let formContainer = angular.element(selector);
let forms = formContainer.find('form');
// и проверяйте валидность форм
}
}