問題タブ [zurb-foundation-6]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
3998 参照

html - Foundation 6 トップバー メニュー アイコン

ファウンデーション 5 に入ったばかりで、その後 6 が出てきました。現在、トップ バー メニュー コードに問題があります。具体的には、ブラウザーのサイズを大から中サイズに変更するときに、トップ メニュー オプションを非表示にし、メニュー アイコン (ハンバーガー) を表示する必要があります。ハンバーガー アイコンをクリックすると、ナビゲーション リンクが縦に表示されます。これは5では機能しましたが、6では理解できません。

私がこれまでに持っているもの - メニューアイコンコードを差し引いたもの。これは機能し、私のページにリンク付きのトップバーが表示されます。

機能する解決策を 1 つ見つけましたが、メニュー リンクをクリックするまでページ全体が消えてしまいます。

誰かが私に何をする必要があるか教えてくれますか? または、メニュー アイコンを追加する方法を示す優れたチュートリアルを教えてください。

いつものように助けてくれてありがとう。

0 投票する
1 に答える
233 参照

html - Foundation 6 dist に NavBar ロゴが表示されない

Foundation 6: NavBar のロゴはマシン上でローカルに機能しますが、サーバーにアップロードすると表示されません。サイト: www.adolfobarreto.atwebpages.com

コードを検索しましたが、エラーは見つかりませんでした。何か案は?

ありがとうアドルフォ

HTML:

SCSS:

0 投票する
1 に答える
235 参照

javascript - Foundation6/Sites Callout data-closeable が実際の例で機能しない

data-closable および data-close 属性を使用して閉じることができるfoundation6/sites のコールアウトを使用しようとしていますが、機能させることができません。

例: http://liveweave.com/Ls8x3p

例でわかるように、吹き出しは X をクリックするとフェードアウトなどのクラスを取得しますが、消えません。

何が欠けていますか?

ありがとう!

0 投票する
2 に答える
2059 参照

html - Foundation 6 ウィンドウの上部に貼り付けるには、ナビゲーション バーが必要です。

ナビゲーション バーをウィンドウの上に表示するのに問題があります。「スティッキーデータ」を使用してみましたが、何もしませんでした。私が何をしても、ページと一緒にスクロールし続けます。また、このクラスを中小規模のナビゲーションに追加しようとしました。助言がありますか?

HTML:

CSS:

0 投票する
0 に答える
265 参照

javascript - Fancybox が Foundation 6 で機能しない

私は Foundation 6 の初心者です。

Foundation 6 でレスポンシブな Web サイトを作成しました。Processwire 経由の Fancybox は問題なく動作していました。今、私は F6 を実装しており、fancybox はもうありません.... 写真は新しいページで開きます。

http://olikehrli.ch/galerie/

原因が何であるかについての提案はありますか?それは以前とまったく同じですが、今ではフレームワークで....F6で何かする必要があります。

助けてくれてありがとう

ヤコブ

これらは、ヘッダーの Fancybox へのリンクです。

PHP の fancybox へのリンク

これはhtmlの一番下にあります

0 投票する
2 に答える
139 参照

html - ブラウザのサイズ変更時にヒーロー画像が歪む

ホームページに 1200px X 900px のヒーロー画像を配置しました。問題は、ブラウザのサイズを変更すると歪むことです。px、%、高さ、幅を 100% で試してみましたが、何もうまくいかないようです。何か案は?

HTML:

CSS:

私のサイト アドレスはhttp://adolfobarreto.atwebpages.comです。Thanks -Adolfo