overflow-y:scroll;页面中部分元素可滚动

test.png

昨天接到这样一个需求 要求红色的部分可以滚动。

如果使用js touchstar touchmove touchend很显然太麻烦,所以就想到了之前的显示滚动条。

那如何使红色部分可以滚动呢?

<style>
  className{
      overflow-y:scroll;height:设置一定的高度;
  }
</style>

为什么要设置高度呢?不设置高度它就可以把父级撑开达不到展示滚动条的效果了。

这样简单又实际的滚动就可以了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,232评论 4 61
  • 这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来。做完之后在手机原生...
    yzc123446阅读 4,463评论 0 3
  • 她大约一米六,因为有很少的维族血统,脸格外小而白,大眼睛黑亮,长得像小孩。笑起来又甜又软,声音脆嫩。可想起...
    i330阅读 538评论 0 1
  • 一朋友问我,她是非常严重的拖延症晚期癌症患者,任何事情不到最后一刻是不会动手开始做的。早上不论起早还是起晚,都是要...
    小龙女1220阅读 623评论 0 11