Question

查看我上面链接到我正在处理的演示引导程序网站。登陆页面在Firefox＆amp; Chrome，但第一页上的阴影区域在IE 11中没有向右滚动？有没有其他人遇到这样的问题？任何工作和/或修复？

Answer 1

滚动时观察DOM，您将看到问题所在。每个滚动事件期间都会创建一个新的HTML节点：

<div class="fit-vids-style">...</div>

由于某些原因，IE正在应用高度（我看起来并不太深）。

你问题在最底层的这个街区：

<script>
    var navbar = jQuery('#navbartop');
    var topnavbar = jQuery('#topnavbar');
    var logoGlobeChange = jQuery('.logoColorGlobeChange');
    var logoTextChange = jQuery('.logoColorTextChange');
    var hero = jQuery('#header-section .hero-unit');
    jQuery(window).scroll(function () {
        if (jQuery(this).scrollTop() > 640) {
            navbar.addClass("navbar-scroll");
            topnavbar.addClass("cbp-af-header-shrink");
            topnavbar.removeClass("navbar-static-top");
            topnavbar.addClass("navbar-fixed-top");
            logoGlobeChange.removeClass("whiteLogo");
            logoGlobeChange.addClass("logoColorGlobe");
            logoTextChange.addClass("logoColorText");
            hero.addClass("hide");
            $('.navbar .nav .dropdown-toggle .caret').css({ "margin-top": "22px"});
            $('.navbar .nav li.dropdown > .dropdown-toggle .caret ').css({"border-top-color": "#777777"});
            $('.navbar .nav li.dropdown > .dropdown-toggle .caret ').css({"border-bottom-color": "#777777"});
            $('.customizedModal ').css({"padding-top": "15px"});
            $('.customizedModal').css({"padding-bottom": "15px"});
            $('.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret').css({"border-top-color": "#777777"});

        } else {
            navbar.removeClass("navbar-scroll");
            topnavbar.removeClass("cbp-af-header-shrink");
            topnavbar.removeClass("navbar-fixed-top");
            topnavbar.addClass("navbar-static-top");
            logoGlobeChange.removeClass("logoColorGlobe");
            logoTextChange.removeClass("logoColorText");
            logoGlobeChange.addClass("whiteLogo");
            hero.removeClass("hide");
            $('.navbar .nav .dropdown-toggle .caret').css({ "margin-top": "35px"});
            $('.navbar .nav li.dropdown > .dropdown-toggle .caret ').css({"border-top-color": "#ffffff"});
            $('.navbar .nav li.dropdown > .dropdown-toggle .caret ').css({"border-bottom-color": "#ffffff"});
            $('.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret').css({"border-top-color": "#ffffff"});
            $('.customizedModal').css({"padding-top": "10px"});
            $('.customizedModal').css({"padding-bottom": "10px"});
        }

        // Basic FitVids Test
        $(".container").fitVids();
    });
</script>

您需要将$(".container").fitVids();移动到滚动功能之外。

    jQuery(window).scroll(function () {
        if (jQuery(this).scrollTop() > 640) {
            //...
        } else {
            //...
        }
    });


    // Basic FitVids Test
    $(".container").fitVids();

除非你需要在滚动时触发。如果是这样，你需要设置一些布尔标志才能只执行一次。

视差效果在Firefox＆amp; Chrome，但行为不端＆＃39;在IE 11中？

1 个答案: