私はフロントエンドコーディングには全く新しいです。私はBootstrap 3を使用して私自身の反応性のあるウェブサイトを作成しています。サイズ変更時にNavbarヘッダーの色を変更します
電話画面のサイズをシミュレートするようブラウザウィンドウのサイズを変更すると、ナビゲーションバーの色(ナビゲーションヘッダーの色?)をメニューアイコンクリック。
ページの読み込み時に透過的になりたいと思っています。私はスクロール中にヘッダーを白に変えたいと思っています。ハンバーガーメニューアイコンがクリックされると、折りたたみ可能なナビゲーションヘッダーがドロップされてメニュー項目が表示されますが、背景は透明になり、メニュー項目が下のコンテンツの上に表示されます。
次のスクリプトを書きましたが、うまくいかないようです。誰にでも提案はありますか?
<script>
var windowsize = $(window).width();
$(window).resize(funtion() {
windowsize = $(window).width();
if (windowsize < 440) {
$("#myNavbar").click(function() {
$(".navbar-header").css({"background-color": "#ffffff", "-webkit-box-shadow": "0px 1px 4px 0px rgba(180, 180, 180, 0.5)", "-moz-box-shadow": "0px 1px 4px 0px rgba(180,180,180, 0.5)", "box-shadow": "0px 1px 4px 0px rgba(180,180,180, 0.5)"});
});
};
});
</script>
イベントにイベントを入れないでください。 – Huelfe
メディアクエリーでは、「メニューバーのアイコンをクリックしたときにナビゲーションバーの色を白に変更します。」 – AndrewR
'.resize()'コールの "function"に "c"がありません...元のスクリプトにどうなっているのか、それともちょっとタイプミスですか? – freginold