加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 角度视差 – jquery到角度

发布时间:2020-12-17 07:00:55 所属栏目:安全 来源:网络整理
导读:我有这个代码在 jquery中工作 script type="text/javascript" $(window).on('scroll',function () { console.log($(window).scrollTop()); $('.parallax-background').css('top','' + ($(window).scrollTop() / 5) + 'px'); });/script 而我正试图把它翻译成
我有这个代码在 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操作的合适位置.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读