【问题标题】:IE10 JQuery.scrollTop() not workingIE10 JQuery.scrollTop() 不工作
【发布时间】:2015-05-27 21:33:53
【问题描述】:

我正在尝试注册用户的滚动。除了那个“可爱的软件”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 中工作

【问题讨论】:

  • 你能把你的整个页面(CSS、JS、HTML)上传到jsfiddle.net吗?
  • 从您的示例中不清楚何时调用此函数...因此无法调试。
  • 向我们展示所有 javascript 代码。
  • 我尝试使用 jsfiddle.net 但没有图像和其他东西,情况更糟:S
  • 基本上我试图做视差滚动。它在除 IE10 之外的所有浏览器中都能完美运行

标签: jquery internet-explorer-10


【解决方案1】:

嘿,我在 4 个月前找到了解决方案,我忘记了,我找到了这个问题,它会提醒我解决方案;)

使用:

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

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

【讨论】:

    猜你喜欢
    • 2013-01-19
    • 1970-01-01
    • 1970-01-01
    • 2014-01-05
    • 1970-01-01
    • 2023-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多