0

ユーザーが Web サイトにアクセスしたときにロゴがページの中央にロードされるプロジェクトがあります。次に、ユーザーが下にスクロールすると、ロゴが上にスクロールしてコンテンツが続きますが、ウィンドウの上に達すると、ロゴは上に固定されます。したがって、私がやりたいことは、コンテンツが上部に移動しないようにすることです (コンテンツがロゴの後ろに表示されるため)。 . #Furniture を含む div をブラウザーの上部から 150px (ロゴの高さ) で停止したい。それは可能ですか？

以下は、任意の div を上にスムーズにスクロールするために使用したコードです。

$(window).load(function () {
    var $root = $('html, body');
    $('a').click(function () {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
    });
});

フィドル

4

1 に答える 1

0

次のように使用します。

var top_val = $(href).offset().top; // or anything your code for getting top value
$root.animate({
        top: "+top_val+"
    }, 500, function () {
        window.location.hash = href;
});
于 2013-10-08T13:47:54.010 に答える