当我滚动页面时，Ie7重绘错误

Question

  

可能重复：
  Issue on IE7 when page is scrolling.Text is not proper

当我滚动页面时，搜索按钮不正确。我在这里使用过bootstrap。

如果我减小字体大小并使font-weight：正常就可以了，我在twitter bootstrap文档中做同样的问题即将来临。

这是测试服务器URL

http://www.onetravel.com/travel/test/ot-bootstrap/index.html

如果不能提前在ie7 :-) thanx中复制，请发表评论

Answer 1

我无法在IE7中重现（IE9浏览器和文档模式设置为7）。

请提供更多信息或可重复的示例，我很乐意为您提供帮助。

修改

似乎当滚动后鼠标进入页面时，它会重新绘制按钮。根据我的浏览经验，很难注意到。我建议force it to redraw按钮when it becomes visible。

这个小jQuery方法将处理这个问题，尽管可以进行进一步的优化。如果需要调整，请测试并发表评论。

$('#my-button').RedrawWhenVisible();

$.fn.RedrawWhenVisible = function()
{

    $(window).scroll(function() {
        var docViewTop = $(window).scrollTop();
        var docViewBottom = docViewTop + $(window).height();

        var elemTop = this.offset().top;
        var elemBottom = elemTop + this.height();

        // If element is partially visible...
        if((elemBottom <= docViewBottom && elemBottom >= docViewTop) || (elemTop >= docViewTop && elemTop <= docViewBottom)) {
            //Redraw it, just once.
            if(this.attr('data-redraw')) {                
                this.hide().show();
                // Prevent further draws.
                this.removeAttr('data-redraw');
            }
        } else {
            // The element is not visible...
            if(!this.attr('data-redraw')) {
                // Flag it to redaw on scroll.
                this.attr('data-redraw','redraw');
            }
        }
    }
}

编辑2：

由于其他按钮没问题，我敢打赌这是一个非常具体的CSS问题。仔细检查那些CSS类的所有属性，灰色按钮很好，所以检查该按钮与橙色/黄色按钮的区别。