29 replies

Sticky flickering on Chrome Mobile View

Hello everyone, is there any way to prevent this flickering from occurring when scrolling down using position: sticky? This doesn't happen if I use position: fixed;

It doesn't seem to occur on Firefox's mobile view, is this something I should be worried about?

Thanks in advance, here is all the css:

*, *::before, *:after {
    margin: 0;
    box-sizing: border-box;
}

.div1 {
    background-color: rgb(66, 66, 66);
    height: 20px;
    position: sticky;
    top: 0;
}

.div2 {
    background-color: #00ffd9;
    
    height: 1000px;
}

*, *::before, *:after {
    margin: 0;
    box-sizing: border-box;
}

.div1 {
    background-color: rgb(66, 66, 66);
    height: 20px;
    position: sticky;
    top: 0;
}

.div2 {
    background-color: #00ffd9;
    
    height: 1000px;
}

*, *::before, *:after {
    margin: 0;
    box-sizing: border-box;
}

.div1 {
    background-color: rgb(66, 66, 66);
    height: 20px;
    position: sticky;
    top: 0;
}

.div2 {
    background-color: #00ffd9;
    
    height: 1000px;
}

*, *::before, *:after {
    margin: 0;
    box-sizing: border-box;
}

.div1 {
    background-color: rgb(66, 66, 66);
    height: 20px;
    position: sticky;
    top: 0;
}

.div2 {
    background-color: #00ffd9;
    
    height: 1000px;
}

Sticky flickering on Chrome Mobile View

Similar Threads

Similar Threads

Similar Threads