IE10 JQuery.scrollTop()不起作用

时间:2013-11-08 13:30:57

标签: jquery internet-explorer-10

我正在尝试注册用户的滚动。我让它在所有浏览器中工作,除了那个“可爱的软件”Internet Explorer。

$(window).scroll(function()
    {
        var windowY = $(window).height();
        var scrolledY = $(window).scrollTop();
        if(scrolledY < 500)
        {
            $('#showcase3').css('display', 'none');
            $('#showcase1').css('display', 'block');
            $('#showcase2').css('display', 'none');
        }
        if(scrolledY > 500 && scrolledY < 1500)
        {
            $('#showcase3').css('display', 'none');
            $('#showcase1').css('display', 'none');
            $('#showcase2').css('display', 'block');
        }
        if(scrolledY > 1500)
        {
            $('#showcase1').css('display', 'none');
            $('#showcase2').css('display', 'none');
            $('#showcase3').css('display', 'block');
        }
    });
    $(document).ready(function(){

     // Scroll page to the bottom
        $('a#Tom').click(function()
        {
            $('body').animate({scrollTop: 1000}, 500);
            return false;
        });
        $('a#Bel').click(function()
        {
            $('body').animate({scrollTop: 2000}, 500);
            return false;
        });
        $('a#Portfolio').click(function()
        {
            $('body').animate({scrollTop: 0}, 500);
            return false;
        });
        $('a#service').click(function()
        {
            $('body').animate({scrollTop: 1500}, 500);
            return false;
        });
        $('a#contactlink').click(function()
        {
            $('body').animate({scrollTop: $(document).height()}, 500);
            return false;
        });
        $('a#OurMission').click(function()
        {
            $('body').animate({scrollTop: 500}, 500);
            return false;
        });
        $('body').animate({scrollTop: 500}, 0);
    })  

document.getElementById('OurMission')。innerHTML = scrolledY;是我的测试,看看是否是错误。

如何让Jquery在IE10中工作

1 个答案:

答案 0 :(得分:1)

嘿,我4个月前为此解决了问题,我忘记了,我发现了这个问题,它会让我想起解决方案;)

使用:

$('html, body').animate({scrollTop: $(document).height()}, 500);

$('html,body')到任何有正文的代码。