このウェブサイトのトップ画像を取得してから、トップナビゲーションバー効果を修正するにはどうすればよいですか?具体的には、上部のナビゲーションバーが上部のスライド画像プラグイン上をスクロールする方法が修正されます。 http://www.creuna.se/
2 に答える
3
私があなたを正しく理解しているかどうかはわかりませんが、おそらくこれがあなたを助けることができます:
非常に高い値を使用すると、画像が非常にゆっくりと表示されます。
$(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 に答える