Scrolling Scrollview by using mouse scroll wheel

cocos2d-x JavaScript
#1

hi! I was creating a scrollview, but when i tried to scroll it by using my mouse scrollwheel, it is not working. how do i enable that module? or if there is any tips to make the scroll wheel is scrolling the scrollview, it would be great as well.

here is my code:
var scrollView = new ccui.ScrollView();
scrollView.setDirection(ccui.ScrollView.DIR_VERTICAL);
scrollView.setTouchEnabled(true);
scrollView.setBounceEnabled(true);
scrollView.setInertiaScrollEnabled(true);
scrollView.setBackGroundImage(res.HelloWorld_png);
scrollView.setContentSize(cc.size(300, 200));
scrollView.setInnerContainerSize(cc.size(1280, 2500));
scrollView.setAnchorPoint(cc.p(0.5, 0.5));
scrollView.setPosition(cc.p(size.width / 2, size.height / 2));
this.addChild(scrollView);

thank you very much

#2

you can bind scroll function to events fired by mouse wheel

#3

Use this

    if ('mouse' in cc.sys.capabilities) {
                this.listViewMouseListener = cc.EventListener.create({
                    event: cc.EventListener.MOUSE,
                    swallowTouches: true,
                    onMouseScroll: function (event) {
                        var target = event.getCurrentTarget();
                        var locationInNode = target.convertToNodeSpace(event.getLocation());
                        var s = target.getContentSize();
                        var rect = cc.rect(0, 0, s.width, s.height);

                        if (cc.rectContainsPoint(rect, locationInNode)) {

                            var delta = cc.sys.isNative ? event.getScrollY() * 6 : -event.getScrollY();

                            var minY = this.listView._contentSize.height - this.listView._innerContainer.getContentSize().height;
                            var h = -minY;
                            var locContainer = this.listView._innerContainer.getBottomBoundary();
                            var percentY = ((h + locContainer) / h) * 100;
                            var scrollSpeed = 15; // higher value is inversely proportional to speed

                            this._scrolledPercent = percentY;

                            if ((this._scrolledPercent + delta / scrollSpeed) < 0) {
                                this._scrolledPercent = 0;
                            } else if ((this._scrolledPercent + delta / scrollSpeed) > 100) {
                                this._scrolledPercent = 100;
                            } else {
                                this._scrolledPercent += delta / scrollSpeed;
                            }
                            if (this._scrolledPercent <= 100 && this._scrolledPercent >= 0) {
                                this.listView.scrollToPercentVertical(this._scrolledPercent, 0.2, true);
                            }
                            return true;
                        }
                        
                        return false;
                    }.bind(this)
                });
                this.listViewMouseListener.retain();
                cc.eventManager.addListener(this.listViewMouseListener, this.listView);
            }
#4

@shashankA
what changes need to be made when their is a horizontal list view