[SOLVED] Scroll view doesn't work with mouse wheel

Linna_Lim · March 5, 2019, 2:31pm

Hey,

While using a scroll view, I noticed that the scroll view in the UI options don’t work with the mouse wheel like any regular scroll bar.

I was wondering if it was normal?

Even if it is, how can I make it work with the mouse wheel?

Thanks in advance!

Nathan_Hawkins1 · March 5, 2019, 3:08pm

Hello Can U Post A Link To The Project? I Dont Understand Wym?

Linna_Lim · March 5, 2019, 3:36pm

https://playcanvas.com/project/598726/settings

Here you go, when you play it, click on the menu button.
Then, you see 2 buttons and a scroll view.

The scroll only works when you drag the handle, and not when you use the middle mouse.

yaustar · March 5, 2019, 4:10pm

I don’t think it is ready to be used just yet:

github.com

playcanvas/engine/blob/0038e42bc41a06e70a9b404cc07a6c72df8c90dc/src/framework/components/scroll-view/component.js#L80


ScrollViewComponent.prototype.constructor = ScrollViewComponent;


Object.assign(ScrollViewComponent.prototype, {
    _toggleLifecycleListeners: function (onOrOff, system) {
        this[onOrOff]('set_horizontal', this._onSetHorizontalScrollingEnabled, this);
        this[onOrOff]('set_vertical', this._onSetVerticalScrollingEnabled, this);


        system.app.systems.element[onOrOff]('add', this._onElementComponentAdd, this);
        system.app.systems.element[onOrOff]('beforeremove', this._onElementComponentRemove, this);


        // TODO Handle scrollwheel events
    },


    _toggleElementListeners: function (onOrOff) {
        if (this.entity.element) {
            if (onOrOff === 'on' && this._hasElementListeners) {
                return;
            }


            this.entity.element[onOrOff]('resize', this._onSetContentOrViewportSize, this);

Sounds like you will need to listen for the scroll events yourself and change the scroll value manually: https://github.com/playcanvas/engine/blob/0038e42bc41a06e70a9b404cc07a6c72df8c90dc/src/framework/components/scroll-view/component.js#L637

Nathan_Hawkins1 · March 5, 2019, 4:15pm

So ur Saying when u click on menu ur scroll wheel doesnt work?

Linna_Lim · March 5, 2019, 5:01pm

it’s all good, yaustar answered me! thanks

yaustar · March 5, 2019, 5:46pm

2 posts were split to a new topic: Help making a main menu tutorial

Nathan_Hawkins1 · March 5, 2019, 5:46pm

@Linna_Lim Here is the project i have basically kinda restarted the script now but when i tried to get the button to switch scenes when u click play.