-webkit-overflow-scrolling:touch;和overflow属性
-webkit-overflow-scrolling:touch;实现滚动回弹效果，它是否必须结合overflow属性呢？
实现左侧列表的滚动回弹时设置了overflow:auto;属性，这里却是overflow:hidden;。
我查了一下，auto属性值是‘如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。’，而hidden属性值是‘内容会被修剪，并且其余内容是不可见的。’。但是在下一节视频中又给它的子元素设置了overflow:auto;来实现滚动，它们几个之间到底有没有什么关联呢？
正在回答
同学你好，问题解答如下：
1.-webkit-overflow-scrolling: touch;是设置滚动条回弹的，那么有了滚动条，就可以配合设置回弹效果。scroll和auto都可以实现滚动条效果，都可以设置配合设置-webkit-overflow-scrolling。
2.-webkit-overflow-scrolling: touch;不生效与overflow:hidden没有关系。-webkit-overflow-scrolling: touch是非标准的属性,大部分浏览器都不支持，所以无效。另外，开发中也不会用。
3.对没有的。
4.对，需要配合设置才可以。不过目前大部分浏览器不支持，设置了也无效的。这里也不需要设置它。
另外，这个属性不重要，同学了解一下即可。
祝学习愉快~
同学你好，问题解答如下：
1.需要。overflow是设置多出的内容是否要用滚动条来查看，overflow:auto简单的理解就是给元素设置滚动条的，它不是设置回弹效果的。-webkit-overflow-scrolling: touch;是设置元素滚动时是否有回弹效果，你可以理解为给滚动条设置了一些修饰的效果。但是-webkit-overflow-scrolling是非标准的，用的不多，了解一下即可。
2.overflow:hidden是设置超出隐藏的，如果想要多出的内容隐藏，就可以设置它。案例中，right-content的内容比较多，所以给它设置了超出隐藏。当然了，这里也可以不设置超出隐藏，因为子元素自身内容也设置了滚动条显示多出的内容。
而滚动条是里面的子元素设置的，同学注意看一下，这一块包含热销和商品两部分，热销是不需要设置滚动条的，所以并没有直接在父元素上面设置overflow:auto;而是在其中一个子元素上设置的。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星