CSS - background-attachment: local issue on chrome for RTL

Question

.scrollbox {
  
    background-image: 
    linear-gradient(to right, blue, blue),
    linear-gradient(to right, orange, orange);

    background-position:
    left  center,
    left  center;

    background-size:
    10px 100%,
    10px 100%;
    
    background-attachment:
    local,
    scroll;
}

jsfiddle: https://jsfiddle.net/4yh5r37g/

Test this on both Chrome and Firefox.

The LTR version works fine on both. While the RTL version doesn't work fine on chrome.

It's supposed that the RTL scroll div starts with the blue color, and once you move the scroll the orange color starts to appear... This doesn't happen on chrome, only on Firefox.

Is there a workout for this?

Answer 1

等待大神答复