Load page at specific point with jquery

Question

I'm building one single page website and I want my page to load at some specific div depending if using normal computers or mobiles devices, all I have is:

<script type="text/javascript">
onload = function()
{location.href = "#home";}
</script>

The code seems to work fine but then I need to detect mobile device so page can scroll down to another div on load function, I have this code so far but I can't make it work:

<script type="text/javascript">
onload = function()
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) 
{location.href = "#packages";}
</script>

How can I fix this and how can I put both codes together?

score 1 · Accepted Answer · answered Oct 01 '13 at 04:40

1

You forgot the function brackets.

<script type="text/javascript">
    onload = function() {
        if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) {
            location.href = "#packages";
        }
    }
</script>

answered Oct 01 '13 at 04:40

manishie

5,302
1
20
21

score 0 · Answer 2 · answered Oct 01 '13 at 15:40

Thanks to manishie i put both codes together (its probably messy but and everything is working!)

onload = function() {  
    if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android|Blackberry)/i)) {
        location.href = "#mobile";
} 
else {
location.href = "#home";
}
} //end function

Load page at specific point with jquery

2 Answers2