滚动的固定标题在ie8中不起作用

mat*_*ewb 5 jquery jquery-plugins jquery-selectors

当用户向下滚动标题时,我已经为修复标题实现了一个jquery将获得修复位置.但除了ie8之外,它在所有浏览器中都有效.任何人都可以提出正确的方法.

$(document).ready(function()
{
    $(document).scroll(function()
    {
        var window_y = $(window).scrollTop();
        var header_h = $('.header').height();
        if(window_y > header_h)
        {
            $(".header").addClass('fixed');
        }
        else
        {
            $(".header").removeClass('fixed');
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

工作参考在这里.

The*_*nic 0

尝试这个,这会很好地工作,或者您也可以给出固定的标题高度,而不需要使标题可变,请尝试第一个控制台

$(window).scroll(function () {
    var header_h = $('.header').height();
    //console.log(header_h);
    if ($(this).scrollTop() > header_h) 
    {
        $(".header").addClass('fixed');
    } 
    else 
    {
        $(".header").removeClass('fixed');
    }
});
Run Code Online (Sandbox Code Playgroud)

如果您在尝试此操作时遇到任何问题,请告诉我