溢出：隐藏的属性不工作iphone，ipad上的Jquery垂直滑块

Question

我必须将灯泡形状（甚至椭圆很好）的垂直滑块原型化。问题是，当我拖动滑块时，它以矩形方式增长，因此，不会在iphone和ipad上采用椭圆形（因为它是父元素）。我已经能够添加触摸手势，但属性溢出：隐藏似乎无法正常工作。

Answer 1

给你的滑块容器border-radius，而不是添加overflow：hidden。它适用于iOS和Android：

.container {
width: 100%; /* Your slider width, percent or pixels... */
height: 100%; /* Your slider height*/
border-radius: 100%; /* Circle or ellipse, depends of parent element */
overflow: hidden; /* Crop content to border */
background: yellow; /* Irrelevant */
position: relative; /* Takes control of inner elements, could be irrelevant too */
}

里面的一切都会被裁剪成边界。