The effect conflict of double-layer scrolling realized by better-scroll

problem description

the big box outside scrolls vertically. Inside the big box, one item scrolls horizontally. When scrolling horizontally, it stops scrolling in the vertical direction
.

the environmental background of the problems and what methods you have tried

at first I thought it was a problem of bubbling, but it is still useless to stop it

related codes

    // 
    var infoScrroll = new BScroll(infoBody, {
        probeType: 2,
        scrollY: true,
        scrollX: false,
        bounce: true
    })
// 
    var scroll = new BScroll(wrapper, {
        bounce: true,
        probeType: 2,
        scrollX: true,
        scrollY: false
    })

what result do you expect? What is the error message actually seen?

Mar.02,2022
Menu