Question

我有一个ipads网站，当他们点击某个页面时，他们应该输入他们的电子邮件。当它们打开时，它会自动对准输入并启动键盘。我的页面内容只有373像素，因为这是键盘上方的可视区域。我想阻止人们在这一点之下向下滚动。有任何想法吗？当他们尝试向下滚动时会自动滚动它们的东西..？感谢

有关详细信息：我所拥有的是包含3个“幻灯片”的一页。第一个是768px高，当他们点击“输入您的电子邮件进行注册”时，它们会让他们滑动2.这是我想要的高度仅为373px的幻灯片并且阻止滚动。我已经尝试了$('#container').scrollTo( '768px', 500 ).css("height", "373px"); ...这设置了高度，但你仍然可以向下滚动它只显示一个大的白框。

谢谢！

Answer 1

如果页面足够小，则不会使用滚动条。另一件事是如果他们阅读有困难，他们可能想放大并滚动你的表格。如果您仍然决定这样做，您可以设置jquery的$（窗口）.scroll来更改scrolltop。

这是代码：

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

你也可以使用scrollto，但我从来没有用过它，所以我不想搞乱它。

Answer 2

我最终使我的页面768x1024并禁用所有滚动（这是我真正想要的），使用它：

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

在ipad上使用safari自动滚动到页面顶部

2 个答案: