Question

我是新的（ish）角色。我来自jQuery背景，想改变我的想法。

我有一个元素，当你滚动页面我希望它淡出。假设它从顶部开始是100px我希望元素的不透明度为= top / 100。

我把这个指令放在像这样的元素上

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

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

这没有任何作用。

我想以“角度方式”做到这一点＆＃39;并且很想听到一些替代方案来帮助我绕过有条不紊的做事方式

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);

        }
    };

});

根据其他元素设置元素不透明度以角度滚动顶部

1 个答案: