请问pc端web的ScrollView怎么增加鼠标滚动速度呢

平台:pc端web
问题:ScrollView怎么增加鼠标滚动速度呢
DEMO:https://garryui.cn/ (“简介”那一页)
其它:我是美工,如果可以的话能不能尽量不要修改引擎,太底层的操作我可能应付不来

1赞

有点秀哦~

有点酷炫啊。。

这风格好喜欢呦

效果很不错呀

做的很棒啊

本来以为引擎有提供API。。我说一个属性搞定的事情为什么会让你一个美工来做。。然后一翻源码人傻了。。改也不好改。。最后只好对事件做处理了。


image
ScrollView组件和ScrollViewHack组件的顺序没关系,都可以成功改变事件里面的值。

// Learn TypeScript:

// - https://docs.cocos.com/creator/manual/en/scripting/typescript.html

// Learn Attribute:

// - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html

// Learn life-cycle callbacks:

// - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html

const {ccclass, property} = cc._decorator;

@ccclass

export default class ScrollViewHack extends cc.Component {

@property({tooltip: '改变滚轮移动距离的倍数'})

mul: number = 10;

// LIFE-CYCLE CALLBACKS:

onLoad () {

    this.node.on(cc.Node.EventType.MOUSE_WHEEL, this._onMouseWheel, this, true);

}

_onMouseWheel ( event: cc.Event.EventMouse ) {

    event.setScrollData ( event.getScrollX(), event.getScrollY() * this.mul )

    console.log ( event.getScrollY() );

}

// update (dt) {}

}

1赞

感谢谢谢大佬,解决了。引擎没参数可以设置,我研究了好久

这种做法有隐患的 不过如果你代码里面没用到这个event的话 应该没有问题。
你的作品很棒啊 做了多久吗?

嗯嗯好,这网站总共就这几页,到时候我测试一下看看有没问题就行。断断续续做了两个月大概。

该主题在最后一个回复创建后14天后自动关闭。不再允许新的回复。