网页上能用滚轮滑动,而不能用手拖拽滑动

想要实现手势拖拽屏幕,为什么只能pc端用滚轮滑动,而用手机不能拖拽滑动?

html部分

 <div class="scroll">
       <div class="scroll-container">
              <div>//内容很多</div>
       //内容很多
       //内容很多
       //内容很多
       //内容很多
       </div>
   </div>

```css部分```
.scroll{
    height:100%;  //为了要沾满整个屏幕
    overflow:scroll;
}

.scroll-container{
   height:1700px;  //故意很大,多出来,让可以滚动
}

效果如图:
图片描述

结果,只能pc端滚轮可以,模拟手拖拽都不行,求解:应该如何做?

阅读 9.6k
2 个回答

样式写的大体是没错,可给的截屏里根本没出现滚动条,所以建议还是看下审查元素里,是不是存在样式被覆盖,或者样式污染之类的情况。

不知道你解决了没有
依我之薄见

clipboard.png
可能是这个问题吧,容器有可能被撑开了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题