ScrollTop and ScrollTo is not working with ipad

Question

I have the issue with IPad where i am calculating position to navigate to the sections based on menu selection. It works fine with all desktop with all the browsers except IPad. I tried using window.scrollTo and other options suggested by stackoverflow.But no luck.

Below is the code .

        function goToNav(anchor)
        {
            var tbarOffset = $("toolbar").offsetTop;
            var header = document.getElementById("tab1_"+anchor);
            var pos1 = header.offsetTop;
            var pos2 = header.offsetParent.offsetTop;
            var pos3 = header.firstChild.offsetHeight;
            if(tbarOffset==0)
            {
                var pos = ((pos1 + pos2) - pos3);
            }
            else
            {
                var pos = ((pos1 + pos2) - pos3)- pos3;
            }

            document.documentElement.scrollTop  = pos;
            document.body.scrollTop = pos;
            }
        }

Appreciate your help on this.

Thanks, Venu

Answer 1

Scroll is an event, so you have to listen for that event.

Something like this:

    addEventListener('scroll', function() {            
        if (timer !== null) {
            clearTimeout(timer);
        }

        timer = setTimeout(function() {                
            // ... do something
            goToNav(//param);

            if(timer === null)
                setTimeout(arguments.callee, 10);
        }, 10);

    }, false);