прокрутка не работает на мобильных версиях HTML CSS - PullRequest
Новая
       8

прокрутка не работает на мобильных версиях HTML CSS

0 голосов
/ 02 ноября 2019

когда попробуйте это на мобильной версии, я не могу прокрутить этот список! он отлично работает на настольной версии, но на мобильном просто не прокручивается! Я не знаю, как решить эту проблему! 

            <div class=" col-12" >
                <div  class="row justify-content-center">
                  <div style="overflow-y: scroll; height: 290px; width: 480px; -webkit-overflow-scrolling:touch; position: static">

                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA1' name='lang' value='English' class='radiobtn'/><label for='qlangA1'><a href="#section3">ENGLISH</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA2' name='lang' value='French' class='radiobtn'/><label for='qlangA2'><a href="#section3">FRENCH</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA3' name='lang' value='Arabic' class='radiobtn'/><label for='qlangA3'><a href="#section3">ARABIC</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA4' name='lang' value='Urdu' class='radiobtn'/><label for='qlangA4'><a href="#section3">URDU</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA5' name='lang' value='Hindi' class='radiobtn'/><label for='qlangA5'><a href="#section3">HINDI</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA6' name='lang' value='Farsi' class='radiobtn'/><label for='qlangA6'><a href="#section3">FARSI</a></label>
                    </div>
                    <div  class="col-md-12 smallbox">
                        <input type='radio' id='qlangA7' name='lang' value='Spanish' class='radiobtn'/><label for='qlangA7'><a href="#section3">SPANISH</a></label>
                    </div>
<!--
                    <div class="col-md-12 smallbox">
                        <input type='radio' id='qlangA6' name='lang' value='Farsi' class='radiobtn'/><label for='qlangA6'><a href="#section3">FARSI</a></label>
                    </div>
-->

                    <div class="col-md-12 smallbox">
                        <input style="-webkit-transform: translateZ(0px);" type='radio' id='qlangA8' name='lang' value='Mandarin' class='radiobtn'/><label for='qlangA8'><a href="#section3">MANDARIN</a></label>
                    </div>
                    <div class="col-md-12 smallbox">
                        <input style="-webkit-transform: translateZ(0px);" type='radio' id='qlangA9' name='lang' value='Other' class='radiobtn'/><label for='qlangA9'><a href="#section3">OTHER</a></label>
                    </div>
                  </div>
                </div>
              </div>
...