B
B
BonBon Slick2020-10-01 11:30:56
css
BonBon Slick, 2020-10-01 11:30:56

Can't scroll on Google Pixel 1?

.map-wrap {
        overflow: scroll;
        position: relative;

        .fixed-wrap {
            position: sticky;
            top: 0;
            left: 0;
            height: calc(100% - 1px);
            width: calc(100% - 1px);
            float: left;
            margin-right: -100%;
        }

        .overlay {
            position: absolute;
            right: 0;
            top: 0;
            padding: 10px;
        }
 
    }

<v-col cols="10"
                   class=" text-center  pos-relative  pa-0 map-wrap"
            > 
                <img :src="`.....`"
                     height="160px"
                     width="324px"
                     class="map"
                     :style="`transform: scale(${this.mapScale})`"
                />
                <div class="fixed-wrap">
                    <div class="overlay">
                        <v-icon class="ico-plus "
                                large
                                @click="mapScale += 0.2"
                        >
                            fa-plus
                        </v-icon>
                        <v-icon class="ico-minus"
                                large
                                @click="mapScale -= 0.2"
                        >
                            fa-minus
                        </v-icon>
                    </div>
                </div>
            </v-col>


On my pixel, elements appear on the sides like with swipes, as if instead of scrolling the diva is trying to hide the application or change the active screen. And by adding sliders, they break the design
::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    ::-webkit-scrollbar:vertical {
        width: 12px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }


the position of the resizers inside the wrapper for the map gets off sticks

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Dimonchik, 2020-10-01
@dimonchik2013

yeah, this happens
is called a marketer, user agents are selected from the analytics, mobiles under top5-10-20 are purchased - how much money is not a pity, and testers puff tickets write, progers close tickets
then mobiles are updated a couple of times ...
in general, or the product says to turn off the shop and switch to react, or it's not so important))
ZY . it's good to have a competitor with the same stack, you can justify yourself motivatedly

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question