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

【问题标题】：fixed header on scroll not working in ie8滚动上的固定标题在 ie8 中不起作用
【发布时间】：2012-11-19 11:32:42
【问题描述】：

当用户向下滚动标题时，我已经实现了一个用于修复标题的 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');
        }
    });
});

工作参考是here.

【问题讨论】：

建议您在 jsfiddle.net 中创建一个演示来复制问题
小提琴链接已更新，现在有意义吗？或者您需要的任何其他内容，我想让标题部分成为“shopper.queldorei.com”，只需向下滚动标题即可修复。

标签： jquery jquery-plugins jquery-selectors

【解决方案1】：

试试这个，这会很好用，或者你也可以在不制作的情况下给出固定高度的标题标题变量请先尝试控制台

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

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

【讨论】：

对头部高度变量没有好处，除非你将它移出滚动处理程序，这是个好主意，因为滚动事件每秒触发多次
我有一个这样的现场工作，这在 ie8 中工作正常，但现在在 ie7 中工作这里是链接，你可以检查这个msg91.com/india