Javascript AngularJS-计算阈值和偏移量-简单数学
我有一个带有一些div的播放列表,我想在向下滚动时突出显示这些div,并且div接近滚动内容的顶部 我认为这很简单,但现在无法让它工作Javascript AngularJS-计算阈值和偏移量-简单数学,javascript,angularjs,Javascript,Angularjs,我有一个带有一些div的播放列表,我想在向下滚动时突出显示这些div,并且div接近滚动内容的顶部 我认为这很简单,但现在无法让它工作 .directive('scrollWatch', [function () { return { restrict: 'A', link: function (scope, element, attrs) { var offset = 20; var threshold = 190; var s
.directive('scrollWatch', [function () {
return {
restrict: 'A',
link: function (scope, element, attrs) {
var offset = 20;
var threshold = 190;
var selected = 1;
scope.songSelected = selected;
element.bind('scroll', function(e) {
if(e.detail.scrollTop > (threshold-offset)) {
selected = Math.ceil(e.detail.scrollTop / (threshold-offset));
}else{
selected = 1;
}
scope.songSelected = selected;
scope.$apply();
});
}
};
}])
它与第一个完美配合,但下一个从20px开始到很早,以此类推
我的div的高度为190像素,我希望在开始之前所有的div都以20像素的速度高亮显示。我想出来了,应该是:
selected = Math.ceil((e.detail.scrollTop+offset) / threshold);