設置元素不透明度取決於其他元素滾動頂部的角度

Question

我是新的（ish）角度。我來形成一個jQuery背景，並想改變我的想法。

我有一個元素，當你滾動頁面時，我希望它淡出。說這是initally 100像素從上我想要的元素的不透明度爲=暢銷/ 100

我把這個指令的元素，像這樣

.directive("scrollOpacity", function(){ 
    return { 
     link: function ($scope, element, attrs) { 
      element.bind('scroll', function (e) { 
       console.log(e); 
      }); 
     } 
    } 
}); 

<div id="imageHolder" scroll-opacity></div> 

這什麼都不做。

我想這樣做的「角辦法」，並很樂意聽到幾個選擇幫我拿我的頭周圍的處事

Answer 1

所有你需要的是設定的風格角方式在功能元素已綁定

.directive('scrollopacity', function ($document) { 

    return { 

     link: function (scope, element, attrs) { 
      var dochandler = function (event) { 
      alert("scroll");//thing to be done 
      }; 
      element.bind('scroll',dochandler); 

     } 
    }; 

});