溢出：隱藏的屬性不工作Jquery垂直滑塊在iphone上，ipad

Question

我必須創建一個燈泡形狀的原型（即使是橢圓也可以）垂直滑塊。問題是，當我拖動滑塊時，它會以矩形方式生長，因此，不會在iphone和ipad上使用橢圓形（因爲它是父元素）。我已經能夠添加觸摸手勢，但屬性溢出：隱藏似乎不能正常工作。

Answer 1

給你的滑塊容器邊界半徑，比添加溢出：隱藏它。它適用於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 */ 
} 

其中的所有內容都將被裁剪爲邊框。