在 iPad 上使用 Safari 自动滚动到页面顶部

Question

我有一个 iPad 网站，当他们点击某个页面时，他们应该输入他们的电子邮件。当它们打开时，它会自动聚焦于输入并调出键盘。我的页面内容只有 373px，因为那是键盘上方的可视区域。我想阻止人们向下滚动到该点以下。有什么想法吗？当他们尝试向下滚动时会自动向后滚动的东西......？谢谢

您提供更多详细信息：我所拥有的是一页，其中有 3 张“幻灯片”。第一个高度为 768 像素，当他们单击“输入您的电子邮件进行注册”时，他们会转到幻灯片 2。这是我希望只有 373 像素高并防止滚动的幻灯片。我试过 $('#container').scrollTo( '768px', 500 ).css("height", "373px");...这设置了高度，但是你'仍然可以向下滚动，它只显示一个大的白色框。

谢谢！

Answer 1

如果页面足够小，他们就没有滚动条可供使用。另一件事是，如果他们阅读有困难，他们可能想要放大并滚动您的表单。如果你仍然决定这样做，你可以设置jquery的$(window).scroll来改变scrolltop。

这是代码：

$(window).scroll( 
  function() {
    $(window).scrollTop(0);
  }
);

您可能也可以使用scrollto，但我从未使用过它，所以我不想弄乱它。

Answer 2

我最终使用以下命令将页面设置为 768x1024 并禁用所有滚动（这正是我真正想要的）：

    $(document).ready(function() {
        document.ontouchmove = function(e){
             e.preventDefault();
             }
    });