您的当前位置:首页正文

【weex填坑之路-03】关于Web前端开发,<scrol

来源:要发发知识网

问题背景

在Android/iOS端中是可以成功触发scroll事件的,可是在web端中并不会触发。

解决方法

{
    result: true,
    size: {
        bottom: 60,
        height: 15,
        left: 0,
        right: 353,
        top: 45,
        width: 353
    }
}

<script>
    const dom = weex.requireModule("dom");//用于计算所需标签

    export default {
        created() {
            window.addEventListener("scroll", this.onscroll);//把window的scroll事件传递给onscroll()
        },
        methods: {
            onscroll() {
                const element = this.$refs.yourElement;//你的element
                const result = dom.getComponentRect(element, option => {
                    console.log("getComponentRect:", option.size);
                });
            },
        }
    };
</script>

这样我们就可以得到滑动事件。