I am building a website for the Nintendo 3DS and have been trying to figure out a way to disable scrolling in the browser. I have the meta tag set to: <meta name="viewport" content="width=device-width" />
which is working, and also have this to position the page properly:
$(window).load(function() {
window.scrollTo(40, 240);
})
This is necessary so that the top screen is filled with content since the browser loads in the bottom screen. The next part would be disabling scrolling so that the user does not re-position the browser outside of the content area since it is possible to scroll off the page. I have tried these with no luck:
- http://stackoverflow.com/a/3656618/1363726
- http://stackoverflow.com/a/4770059/1363726
- http://ajax911.com/disable-window-scroll-jquery/
I feel like disabling scrolling should be possible since window.scrollTo()
works. Any thoughts or suggestions on what else I might try would be greatly appreciated.
Thanks