Question

也许我的代码错了。你能告诉我一下吗？当我滚动窗口时，我试图制作较小的标题，就像这个网站一样，＆＃34; https://davidwalsh.name/supporting-internet-explorer＆＃34;

   function yScroll(){

    var headerH = document.getElementsByClassName('headerContainerShadow');
    var menu = document.getElementById('menu');
    var yPos = window.pageYOffset;  
         if(yPos > 150){
        $(headerH).addClass('smaller');
        $('#searchForm').addClass('smaller');
    } else {
        $(headerH).removeClass('smaller');
        $('#searchForm').removeClass('smaller');
    }   

        }
        window.addEventListener("scroll", yScroll);

我的css for＆＃39;较小＆＃39;在下面;

#searchForm{    
padding-top:2.5em;
transition:all 0.3s;
}
#searchForm.smaller{
padding-top:1.2em;
padding-bottom:0.5em;
}

它在Firefox和Chrome中工作，但在IE10（我的版本）中没有。我该如何解决这个问题？如何更改此代码？

由于

Javascript在IE 10中不起作用

0 个答案: