1

下にスクロールすると、divがウィンドウの上部にくっつくようにしようとしています。どういうわけかそれをターゲットにすることさえできません。

現在のコードを表示するためにフィドルを添付しました。私がどこで間違っているのか誰にもわかりますか？

http://jsfiddle.net/rn3yc/

JS:

var $sidebar   = $(".sidebar"),
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

$window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
        $sidebar.addClass('fixed');
    } else {
        $sidebar.removeClass('fixed');
    }
});
4

5 に答える 5

1

スティッキー要素を作成するためのこの優れた簡単な CSS トリックを確認してください。

編集

またはこれ: https://github.com/imakewebthings/jquery-waypoints

于 2012-10-26T08:45:18.653 に答える
1

固定クラスはありません。1 つ記述して、css に追加します。さらに、あなたのフィドルはjsで閉じていない中括弧を持っていました.

jsfiddle.net/Nn7d2/show/ は修正版です。

于 2012-10-26T08:52:48.960 に答える
1

私はあなたのためにフィドルを作成しました。IDでクラスを変更して適用しただけ

position:fixed

CSSで。ここにフィドルがあります jsfiddle.net/rn3yc/10/

于 2012-10-26T08:58:38.937 に答える
0

これがあなたが探しているものかどうかはわかりませんが、見てみてください。

jsfiddle.net/4RNLC/

于 2012-10-26T09:00:36.110 に答える
0

cssのプロパティを使用positionして、ヘッダーを固定することができます。

.fixedHeader{
     位置: 固定;
     トップ: 0px;
}

于 2012-10-26T09:03:16.263 に答える