タグ別アーカイブ: JavaScript

クロームのブラウザー (またはクロム プロジェクト) HTTP 配電盤

From HTTP Switchboard for Chrom Browser (or Chromium projects)

クロムのブラウザーを聞かせてあなたのエクステに従ってサイト内のホワイト リストとブラック リストの要求の追加無負荷リンクの種類、ドメイン名。
この HTTP 交換することができます簡単にホワイト リスト/ブラック リスト net 要求よると、web ページ内から由来する s: ドメイン名全体または一部のタイプの再クエスト クッキー image オブジェクト スクリプト XHR (XMLHttpRequest の略) フレームその他の目標この拡張モジュールは、許可またはとしての完全または部分的に、簡単に web サイトのブロックを作るには簡単に良いセキュリティとプライバシー習慣をあきらめるそれらのユーザーを阻止するように、可能なs. 拡張子がまたお使いのブラウザーで web ページが何を参照してくださいに役立つ (またはしようとしないでください)シーンの背面。
Chrome ウェブストアに GitHub のプラグインでビューをチェックします。

Headroom.js、それを必要としない限り、あなたのウェブサイトのヘッダーの折りたたみ

From Headroom.js, collapsing your website header unless you need it

Headroom.js は、インタラクティブな JavaScript ライブラリをもたらすことであなたのサイトのヘッダーの表示または非表示/ナギ現代的な方法で修復します。
Headroom.js は、animate.css によって継承されるサーバル微調整オプションを提供しています。
それは、ligh です。
tweight とバニラ JavaScript の高周波。
どのようにでしょうか?ときスクロール ページ d のユーザー自身、Headroom.js は隠すあなたのヘッダー (またはプリセット要素) アニメーション。
ユーザーがあなたをスクロールr ページ。
それはビューに、ヘッダーを戻してください。
それはあなたのコンテンツの残りの時間にフォーカスを与えます。
星を取得します。
テッド シンプル ロード headroom.js わしのように HTML ファイル内で headroom.js ’ t ある AMD ラッパーあなたの実行 AMD モジュール headroom.js を追加する必要が、JavaScript でそれでこのような場合シムの configs。
'ベンダー/ヘッドルーム ': {輸出: 'ヘッドルーム'} ヘッドルームし初期化します。
//電子財布をつかむメンター var myElement = document.querySelector("header");//ヘッドルーム passi のインスタンスの作成ng 要素 var ヘッドルーム = 新しい Headroom(myElement);//初期化 headroom.init();Headroom.js が追加されます/ユーザー ビューをスクロールしてあなたのウェブサイトの中のクラスの下を削除します。
<!-リクルート二眼--> < ヘッダー クラス =「ヘッドルーム」>< !---> スクロール ダウン < ヘッダー クラス ="headroom ヘッドルーム--固定解除」>< !---> スクロールまで < ヘッダー クラス ="ヘッドルーム ヘッドルーム--フィエスタパーク エリアエド"> そう、あなたの css にするだけを表示するアニメーションを追加する/ヘッダー バーを隠し。
以下が簡単な CSS3 を使用して効果をスライドの。
header.headroom {位置: 固定;上部: 0;左: 0;右: 0;遷移: すべての.2s アウトの容易さ;} header.headroom--{固定解除トップ:-100 px;} header.headroom--固定 {上部: 0;} プロジェクト ホーム ページ Vi をチェックします。
GitHub 上で東西