3

ScrollToFixedで単純なスクロール中の固定を実行しようとしていますが、奇妙な動作に遭遇しました

次の問題を示すjsfiddleを用意しました。

html:

<div class="row-fluid">
    <div id="car_left_col" class="span2">left</div>
    <div id="car_center" class="span8">
        <div class="car_main thumbnail">
            <div class="car_cover">
                <img alt="" src="http://www.autopulze.com/wp-content/uploads/2012/07/Rolls-Royce-Silver-Ghost-the-Best-Car-in-the-World.jpg">
            </div>
            <hr>
            <div class="car_page_creator"></div>
        </div>
        <div class="car_talk">here are the comments for the car</div>
    </div>
    <div id="car_right_col" class="span2">
        <div class="car_vote test_fixed">I should not move</div>
    </div>
    <div class="long"></div>

CSS:

.long {
    height: 10000px;
}
#car_right_col {
    position: relative;
}
.car_main {
    position: relative;
    padding: 0;
}
.car_cover {
    width: 100%;
    position: relative;
}
.car_cover img {
    width: 100%;
}
.test_fixed {
    position: static;
}
.car_vote {
    position: relative;
}

js:

$(document).ready(function () {
    $('.test_fixed').scrollToFixed({
        marginTop: 45,
        limit: $('.car_page_creator').offset().top
    });

});
  1. 一番下までスクロールすると、水平スクロール バーが表示され、ページが途方もなく右に伸びます。
  2. これは最初の問題に関係していると思います。修正する項目は、下にスクロールする.test-fixedと非常に大きなプロパティを持っていますleft
  3. クリックしてスクロールバーを押したままにして（完全に下から）上にスクロールすると、アイテムを修正するポイントに達すると、不規則に

私の html と css は、特別なことは何もなく、ほとんど標準的なものだと思います。この動作は、私のコードまたはプラグインのバグによるものですか?

4

3 に答える 3

0

私はgithubでイシューをオープンしましたが、応答は迅速だったと言わざるを得ません

解決策は、右の列の外側の要素を削除し.test-fixed、中央の div と同じレベルにすることでした

于 2013-06-04T08:50:42.143 に答える