-3

このウェブサイトのトップ画像を取得してから、トップナビゲーションバー効果を修正するにはどうすればよいですか?具体的には、上部のナビゲーションバーが上部のスライド画像プラグイン上をスクロールする方法が修正されます。 http://www.creuna.se/

4

2 に答える 2

3

私があなたを正しく理解しているかどうかはわかりませんが、おそらくこれがあなたを助けることができます:

http://api.jquery.com/show/

非常に高い値を使用すると、画像が非常にゆっくりと表示されます。

$(document).ready(function () {
    $("#nav").show(6000);
});
于 2012-11-09T08:24:13.837 に答える
2

これがサンプルとリンクです。このようなヘッダースライダーを作成するには、JQueryプラグインが必要になる可能性があります。

http://cssglobe.com/lab/easyslider1.7/01.html

スクロールした後のヘッダーにナビゲーションバーを貼り付ける場合:単純なコードスニペットとデモHTMLは次のとおりです。

<div id="container">
    <div id="navwrap">NAV WRAP</div>
</div>

Javascript:

function fixDiv() {
    var $div = $("#navwrap");
    if ($(window).scrollTop() > $div.data("top")) { 
        $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
    }
    else {
        $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'});
    }
}

$("#navwrap").data("top", $("#navwrap").offset().top); 
// set original position on load
$(window).scroll(fixDiv);

JsFiddlehttp : //jsfiddle.net/5ADzD/1/での上記のデモ

参照投稿:それを過ぎてスクロールした後、Divを上に貼り付ける これがお役に立てば幸いです。

于 2012-11-09T08:53:32.710 に答える