Html 如何在mobile view chrome中使滚动条可滚动

我一直在搜索有关我的问题的

StackOverflow

，但我没有找到答案，我的问题是，我的网站顶部有

navbar

菜单，如果你从手机浏览器

（chrome、UC浏览器等）打开它，它会显示滚动条，如果你触摸菜单文本（黑圈），菜单可以滚动不是滚动条（蓝色圆圈），我的滚动条不能拖动来滚动菜单，但可以单击来拖动菜单，这是菜单的图片


我的css在这里

.classsname{
        height: 300px; 
        overflow-y: scroll;
        position:relative;
        z-index: 0;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:translateZ(0);}

我做错了什么

编辑：我的完整
css
，带有
标题导航
，以及
标题导航

关于我的php

@media (max-width: 991px)
    {
      .mean-nav .header-nav{
        height: 300px; 
        overflow-y: scroll;
        position:relative;
        z-index: 0;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:translateZ(0);
      }
    }

下面我用这个来命名这个css

                <ul id="menu-main-menu" class="header-nav clearfix">
                <li class="menu-item <?= $isHome ? 'current-menu-item' : '' ?>"><a title="Home" href="<?= Url::home();?>">Home</a>
                </li>
                <li class="menu-item menu-item-has-children <?php
                $a = Url::current();
                if((Url::current() == Url::to(['site/about'])) or (strpos($a, 'event')))
                  echo 'current-menu-item';
                ?>"><a title="About">About</a>
                  <ul class="sub-menu">
                    <li class="menu-item"><a title="Vision and Mission" href="<?= Url::to(['site/about']) ?>">Vision and Mission</a></li>
                    <li class="menu-item"><a title="Event" href="<?= Url::to(['event/index', 'page'=>'1']) ?>">Event</a></li>
                  </ul>
                </li> 
                .....
                </ul>

试试这个插件，希望它能解决你的问题。对不起，我忘了删除android标签，我使用html和css来做这个项目，问题只是在移动视图，所以我不使用cordova或类似的东西，你的插件可以用于html项目吗？不，那个插件只适用于cordova。你提到了android的
标签，这就是我发表评论的原因。试试这个插件。。。。很抱歉，它对我也不起作用，是否可以只修改css而不使用插件？
  a.meanmenu-reveal{
    overflow-y: scroll;
    z-index: 1;
    top:-50px !important;

  }
  .mean-container .mean-bar .mean-nav ul li a.mean-expand{
    font-size: 24px;
    line-height: 18px !important;
  }
  nav.main-menu{margin-top:0;}