cocoscreator实现拖动Scrollbar设置ScrollView滚动视图位置

//node 滚动条节点,监听scrollbar节点的触摸移动事件 
//scrollView 滚动节点,设置滚动位置
this.node.on('touchmove', function (event) {
            //获取一下当前的滚动视图的可滚动的最大偏移量
            let maxScrollOffset = this.scrollView.getMaxScrollOffset();
            //>0表示可进行滚动
            //isVertical 滚动的方向(是否是垂直滚动)
            //Offset 滚动条的相对位置,如果是全屏的滚动视图则不需要这个参数
            if (this.isVertical && maxScrollOffset.y > 0) {
                let delta = event.getLocationY() - this.Offset;
                //计算比例,根据鼠标移动的距离计算出需要滚动的百分比
                let p = delta / this.node.height;
                //设置百分比
                this.scrollView.scrollTo(cc.v2(0, p));
            } else if (maxScrollOffset.x > 0) {//横向滚动的
                let delta = event.getLocationX() - this.Offset;
                let p = delta / this.node.width;
                this.scrollView.scrollTo(cc.v2(p, 0));
            }
        }, this);

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值