angularjs – 角度视差 – jquery到角度

我有这个代码在 jquery中工作

<script type="text/javascript">
    $(window).on('scroll',function () {
        console.log($(window).scrollTop());
        $('.parallax-background').css('top','' + ($(window).scrollTop() / 5) + 'px');
    });
</script>

而我正试图把它翻译成棱角分明,这是我认为它应该是但它不起作用？

angular.module('twtscrollApp')
    .controller('MainCtrl',function ($scope,$window) {
        $window.on('scroll',function () {
            angular.element('.parallax-background').css('top','' + ($window.scrollTop() / 5) + 'px');
        });
    });

我没有得到任何joshing错误,但它不工作,如果需要可以做一个jfiddle,但任何帮助赞赏.谢谢.

解决方法

你有什么不起作用的原因是因为angular.element不能通过jQuery选择器工作,它只能通过标签名称工作. documentation

为了获得你必须工作的东西,你必须改变

angular.element('.parallax-background')

至：

angular.element(document.getElementsByClassName('.parallax-background')[0])

建议/推荐的解决方案：

话虽这么说,你应该考虑通过一个指令而不是在控制器中这样做,因为它是放置DOM操作的合适位置.