Auto scroll to top of page with safari on the ipad?

If the page is small enough, they won't have scrollbars to use. The other thing is if they have trouble reading they may want to zoom in and scroll around your form. If you are still determined to do this you can set jquery's $(window).

Scroll to change scrolltop.

Up vote 0 down vote favorite share g+ share fb share tw.

I have a site for ipads and when they click on a certain page they are supposed to input their email. When they open, it automatically onfocuses to the input and the keyboard is brought up. The content of my page is only 373px because that is the viewable area above the keyboard.

I'd like to prevent people from scrolling down below that point. Any ideas? Something that automatically scrolls them back when they try and scroll down..? Thanks For further details: What I have is one page with 3 "slides".

The first is 768px tall, when they click "enter your email to sign up" it takes them to slide 2. This is the slide I want to be only 373px tall and prevent scrolling. I've tried $('#container').

ScrollTo( '768px', 500 ). Css("height", "373px");... this sets the height, but you're still able to scroll down and it just shows a big white box. Thanks!

Jquery ipad scrolling scroll scrollto link|improve this question asked May 27 '11 at 1:23Andypandy550116 88% accept rate.

– sarnold May 27 '11 at 1:33 @sarnold, there's nothing down there to scroll to... I want it to be the effective bottom of the website... if they want to scroll beyond the bottom of a website they can't... – Andypandy May 27 '11 at 1:36.

If the page is small enough, they won't have scrollbars to use. The other thing is if they have trouble reading they may want to zoom in and scroll around your form. If you are still determined to do this you can set jquery's $(window).

Scroll to change scrolltop. This is the code: $(window). Scroll( function() { $(window).

ScrollTop(0); } ); You could probably use scrollto too, but I've never used it, so I don't want mess with it.

– Andypandy May 27 '11 at 2:00 @Andypandy $(window). Width(x) and $(window). Height(y) should work, just change x and y of course.

– Truk May 27 '11 at 2:12 @truk, can't seem to get this to work. Any help is appreciated. Thanks!

$('#button'). Click(function(){ $('#container'). ScrollTo( '768px', 500 ); $(window).

Height(373); The scrollTo part works – Andypandy May 27 '11 at 2:15 Assuming you ended that with }); try using window. ResizeTo(width,height) instead... – Truk May 27 '11 at 2:42 @truk, yep sorry! I'm still pretty new w/jquery and javascript... can I use that with jquery?

– Andypandy May 27 '11 at 4:02.

I ended up make my page 768x1024 and disabling all scrolling (which is what I really wanted anyway) using this: $(document). Ready(function() { document. Ontouchmove = function(e){ e.preventDefault(); } }).

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.