-2

重複の可能性：
ページがスクロールしているときにIE7で問題が発生するテキストが適切でない

ページをスクロールしているとき、検索ボタンが適切ではありません。ここでブートストラップを使用しました。

フォントサイズを小さくしてfont-weight：normalを正常にすると、それ以外の場合はTwitterブートストラップドキュメントで同じことを行います。同じ問題が発生します。

ここに画像の説明を入力してください

これがテストサーバーのURLです

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

ie7で再現できない場合はコメントしてください:-)よろしくお願いします

4

1 に答える 1

2

IE7（ブラウザとドキュメントモードが7に設定されているIE9）で再現できませんでした。

詳細情報または再現可能な例を含めてください。喜んでお手伝いさせていただきます。

編集：

スクロールしてマウスがページに入ると、ボタンが再描画されているようです。私のブラウジングの経験からすると、気づきにくいです。ボタンが表示されたら、ボタンを強制的に再描画することをお勧めします。

この小さな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クラスのすべての属性を再確認してください。灰色のボタンは問題ないので、そのボタンがオレンジ/黄色のボタンとどのように異なるかを確認してください。

于 2012-09-07T14:01:04.403 に答える