在iPhone的面板中启用滚动内容的滚动

Question

http://www.daneliandesigns.co.uk/BKS/

表格无法在iPhone上向下滚动（您必须单击[+]按钮才能激活面板中的幻灯片）。 我启用了FullPage.js，并且运行良好。 第二部分中的内容在移动设备上是可滚动的，但是当面板中的幻灯片被激活时，您将无法在iPhone上向下滚动。

我尝试了以下CSS，但无济于事：

@media (max-width: 480px) {
.form-live, .nks-content, .fp-enabled body {
 overflow:visible!important;   
 overflow:scroll;
-webkit-overflow-scrolling:touch;
 z-index:9999999999999999999999!important;

}
}

我也尝试添加到normalScrollElements中：

function(isResponsive){
normalScrollElements: '#S2', '.nks-content';
}

考虑到面板中的幻灯片不是FullPage.js的一部分，我不确定第二种解决方案是否会起作用

我只希望能够将内容中的幻灯片向下滚动到移动设备上的“提交”按钮-即-iPhone

Answer 1

我以前有这个问题，那是因为没有设定高度。 尝试将高度设置为100％，看看是否可行