scrollable content

[valerka-xarkov]

Hi,

I have an issue. When I have scrollable content inside sly (I mean inside one of block in sly) - there is a problem when I trying to scroll it using mouse.

I propose next solution: in contructor initialize one more variable var isContentScroller = false;

in init section add one more event listener

$frame[0].addEventListener('scroll', function (event) {
    if (!$frame.is(event.target)) {
        isContentScrolled = true;
    }
}, true);

so, every scroll event will be catched. If it is not $frame - it mean user scrolling inner scroll.

and in drag handler instead of

slideTo(dragging.slidee ? round(dragging.initPos - dragging.delta) : handleToSlidee(dragging.initPos + dragging.delta));

write like this

if (!isContentScrolled) {
    slideTo(dragging.slidee ? round(dragging.initPos - dragging.delta) : handleToSlidee(dragging.initPos + dragging.delta));
} else {
    isContentScrolled = !dragging.released;
}

Thanks for great widget )

[sergey-dev]

Duplicate of https://github.com/darsain/sly/issues/243 ?

[sergey-dev]

@valerka-xarkov , please fix the code formatting, if you want people to understand you. Thanks!

[valerka-xarkov]

Not duplication. Formated