1

NikeのWebサイトでフローティング検索オプションバーを複製しようとしています。オプションバーの下部に到達するのに十分な距離までスクロールすると、その位置は下部に固定され、オプションバーの上部に到達すると、上にスクロールすると上部に固定されるように見えます。

これは単純なjqueryスクリプトであると確信していますが、初心者であるため、これがどのように行われるかを理解できていません。

これが私が使用しているjQueryスクリプトです：

google.load("jquery", "1");

function sticky_relocate() {

    var window_top = $(window).scrollTop();

    var div_top = $('#sticky-anchor').offset().top;

    if (window_top > div_top)    
        $('#sticky').addClass('stick')
    else    
        $('#sticky').removeClass('stick');

}

google.setOnLoadCallback(function() {

    $(window).scroll(sticky_relocate);    
    sticky_relocate();

});

ご協力いただきありがとうございます！

4

1 に答える 1

0

スクロールしているときに、上下しているかどうかを確認するのは非常に簡単なようです。

下がっている場合は、ページを下に移動するまでスクロールしてから、位置を修正します。

上がっている場合は、基本的に同じことをします。一番上に到達するまでページをスクロールすると、そのままになります。

このためのコードを書いてみましたか？また、ページソースを投稿して、コードを作成することもできますか？

于 2012-12-08T04:36:48.730 に答える