在iPad設備上溢出x和y不顯示

Question

我在滾動條上顯示iPad設備上的div時出現問題。

我使用：

-webkit-overflow-scrolling: touch; 

這是工作，但是我想滾動條可見用戶實際接觸div前啓用滾動條！

我只希望overflow-y在你進入頁面時在iPad上可見，然後一旦用戶觸及div，只顯示overflow-y！

我該怎麼做？

Answer 1

聽起來像你需要JavaScript來改變風格，或添加/刪除類。

CSS

.match{ 
    overflow-y:scroll; 
} 
.match.post-scroll{ 
    -webkit-overflow-scrolling:touch; 
} 

JS（使用jQuery）

$(".match").one("click", function(){ 
    $(this).addClass("post-scroll"); 
});