2011-05-27 144 views
0

我有一個ipad網站,當他們點擊某個頁面時,他們應該輸入他們的電子郵件。當它們打開時,它會自動關注輸入並提起鍵盤。我的頁面內容只有373px,因爲那是鍵盤上方的可視區域。我想阻止人們在此之下滾動。有任何想法嗎?當他們嘗試向下滾動時會自動將它們滾動回去..?謝謝自動滾動到ipad上的safari頁面的頂部

欲瞭解更多詳情:我有一個頁面與3「幻燈片」。第一個是768px高,當他們點擊「輸入您的電子郵件註冊」時,需要他們滑動2.這是我想要的高度僅373px,並防止滾動的幻燈片。我試過$('#container').scrollTo('768px', 500).css("height", "373px"); ......這個設置的高度,但你仍然可以向下滾動,它只是顯示一個大白盒子。

謝謝!

+0

..但滾動如果他們_want_什麼? – sarnold 2011-05-27 01:33:11

+0

@sarnold,沒有什麼可滾動到...我希望它是網站的有效底部...如果他們_want_滾動超出網站的底部,他們不能... – 2011-05-27 01:36:26

回答

0

最後我使我的網頁768×1024,並禁止所有滾動使用這個(這是我真正想要的是這樣):

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

如果頁面足夠小,它們將不會使用滾動條。另一件事是,如果他們在閱讀時遇到困難,他們可能想放大並滾動窗體。如果你仍然決定這樣做,你可以設置jquery的$(window).scroll來改變scrolltop。

這是代碼:

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

你也許可以使用scrollto太多,但我從來沒有使用過,所以我不想惹它。

+0

@truk,謝謝...你知道一種調整屏幕大小的方法嗎? – 2011-05-27 02:00:54

+0

@Andypandy $(window).width(x)和$(window).height(y)應該可以工作,只需要改變x和y。 – Truk 2011-05-27 02:12:15

+0

@truk,似乎無法得到此工作。任何幫助表示讚賞。謝謝! $('#button')。click(function(){('#container')。scrollTo('768px',500); $(window).height(373);'scrollTo part works – 2011-05-27 02:15:44