このページの下部にあるフッター効果を実現する方法を教えてください。 _html/css_WEB-ITnose
皆さん、こんにちは。
360 Mobile Guard の公式 Web サイトのページを見て、下部にフッター効果を取得する方法を教えてくれる人はいますか?
http://shoji.360.cn/#7thPage
下部のフッターはページサイズに応じてスライド効果を与えることができます。
説明があまり明確ではないので、助けてください。
ディスカッション (解決策) への返信
誰も?。 。 。
私の理解が不十分ですか?
は、この Web ページの最後のページのフッターです。ラップトップで表示すると、ページが十分に大きくない場合に直接表示されます。 fullpage.js プラグインでは Web ページのようなページめくりエフェクトがありますが、このページめくりエフェクトは id="fullpage" の div に配置されますが、フルページのセクションではありません。やり方がわかりません。見てみるのを手伝ってください。
私の表現力があまり良くないのかもしれませんが、ウェブサイトに行けばわかります。 。 。
それは単なる追加の判断です。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
このファイルを見てください。
if (e == 7) if (s) { if (t) return t = !1, $("#fullPage").css({ "margin-top": 0 }), !1 } else $("#fullPage").css({ "margin-top": "-" + n + "px" }),
誰も来ません、ただのアイデアです、手がかりはありません。緊急のサポート。インターンシップ中に上司から頼まれました = =
写真を修正してください。 。
ウィンドウ サイズは 1366x663、最後のフッターはフルページ プラグインの別のページのように画面全体を埋めることができます。
ウィンドウ サイズは 1024x768、コンテンツはページをめくった後、前のページから少し離れても大丈夫です。
ウィンドウサイズ 1920x1080 であれば、最後のページはスライドする必要がなく、完全に表示できます
間違った領域に送信したのでしょうか= =JavaScript または HTML5 領域に送信する必要があります。 。 。
あくまで余計な判断です。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
このファイルを見てください。
if (e == 7) if (s) { if (t) return t = !1, $("#fullPage").css({ "margin-top": 0 }), !1 } else $("#fullPage").css({ "margin-top": "-" + n + "px" }),
申し訳ありませんが、読んでもまだ理解できません。マージンの変更はその効果とどのような関係があるのでしょうか?
単なる余計な判断です。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
このファイルを見てください。
if (e == 7) if (s) { if (t) return t = !1, $("#fullPage").css({ "margin-top": 0 }), !1 } else $("#fullPage").css({ "margin-top": "-" + n + "px" }),
解決しました、ありがとう!
マイナスマージンがこれほど素晴らしい効果をもたらすとは予想していませんでした。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する
