javascript - 在 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%，看看是否可行