問題タブ [affix]
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.
css - リストの幅が変更された Bootstrap 3.0 接辞
ブートストラップ 3.0.0 に移行していますが、左に固定されたメニューに問題があります。固定されるとすぐに (10px スクロール後)、幅が変わります。このフィドルでは小さくなり、実際のサイトでは広くなり、実際のコンテンツが拡張されます。
ブートストラップ v2.3.2 で完全に動作しました。確認したところ、リスト項目が表示されたものとうまく機能していないよう.affix {position: fixed;}です。
何か案は？
解決策：最新のコメントに基づいて、最終的にこのJSピースを追加しました。これにより、固定された要素に固定幅を設定する必要なく、うまく修正されます。
jquery - Bootstrap 3接辞メソッドの動的データオフセット値を取得する方法
Bootstraps のドキュメント ( http://getbootstrap.com/javascript/#affix ) で説明されている Affix メソッドを使用したいのですが、スクロールした後にページの上部に固定したいナビゲーション バーのオフセットが異なる場合があります。その上のコンテンツに応じた値。
ナビゲーションバーの例を次に示します。
ご覧のとおり、data-offset-topは現在 200 に設定されています。上のコンテンツの高さが 200px の場合、これはうまく機能しますが、上のコンテンツは動的であるため、このナビゲーション バーの上の高さは常に同じではありません。data-offset-top値を動的にするにはどうすればよいですか?
私はそれを行うにはjavascriptの方法を使用する必要があると思いますが、確かです。
dictionary - .dic 行フォーマット定義
現在、作成中のアプリケーションで使用するのに最適な辞書を調査しています。
Sublime Text 2 に同梱されている辞書を調べると、ファイル形式はご想像のとおり、アルファベット順に並べられた単語のリストです。ただし、これらの単語の多くには追加情報が追加されています。例として、次のスニペットを取り上げます。
実りのない Google 検索では、スラッシュ (/) の後の文字が何を意味するのかはわかりませんでした。
言葉の性別をほのめかしているのかもしれませんが、それは推測にすぎません。意味の正式な説明を読みたいと思います。
誰かがこれらに出くわしたことがありますか？
twitter-bootstrap - ブートストラップ 3.0 接辞スナップ ダウン
ヘッダーの下に配置されたシンプルなナビゲーションバーがあります。使用がヘッダーを超えてスクロールしたときに、ナビゲーションバーを固定したい。
問題は、ユーザーがオフセットに到達すると、ナビゲーション バーが固定されますが、ナビゲーション バーの高さ + 適用される 20 ピクセルの下部マージンに対してページがスクロールされるように見えることです。
この例は、ヘッダーがこのようなタイトルではなく、応答性の高いカルーセルであることを除いて、私が取り組んでいるものとほとんど同じように見えます。
レスポンシブなので、Javascrip を使用して接辞効果を起動しました。
私が理解しているのは、ブラウザーがヘッダーの高さ (私の例では 500) を超えてスクロールすると、#nav 要素が接辞クラスに適用されるということです。でもなんでこんなに飛び降りるの？
css - ブートストラップ twitter 固定上部の小さいナビゲーション メニュー
これはTwitter Bootstrap http://www.usatoday.com/opinion/でも可能ですか
下にスクロールすると、メニュー部分だけが上部に固定されたままになりますか? 誰かが便利なjsfiddleバージョンを持っているなら、それは本当にいいでしょう.
twitter-bootstrap-3 - Bootstrap navbar 接辞がぼやけ、Chrome で回避策が消える
最初は、ナビゲーション バーのナビゲーション リンクをクリックすると、ナビゲーション バーが断続的に消えるという問題がありました。グーグルはこれがバグであることを発見し、これは修正として提案されました ( https://github.com/twbs/bootstrap/issues/32、Chrome レンダリングの問題。本文に UL を含む位置アンカーを修正しました)
これにより、ナビゲーションバーが消えるのを防ぐことができました。しかし、私は今、新たな問題を抱えています。マウス ホイールを使用してページをスクロールすると、スクロール位置に応じて非整数ピクセルの位置にレンダリングされているかのように、ナビゲーション バーがぼやけて上下に +/- 1 ピクセル程度移動します。
Chromeだけで、IEではどちらの問題にも気づいていません。
非整数サブピクセル位置の問題の回避策はありますか?
angularjs - AngularJS/UI/Bootstrap は要素から接辞を削除しますか?
私は AngularJS 1.2 と Bootstrap 2.3 を使用していますが、これは単なる jQuery であるため、Angular が関係していることは関係ないと思います。affix特定の要素のオンとオフを切り替えられるようにしたい。ページに複数の要素を使用してaffixいるため、ページ上のプラグインのすべてのインスタンスを無効にすることはできません。また、私の問題は画面サイズとは関係がないため、css は使用できません。
接辞を追加した要素の場合:
接辞を削除するためにオンライン/スタックオーバーフローについて読んだことを試しましたが、失敗しました:
この要素の接辞の側面を削除することは可能ですか?
どんな助けでも素晴らしいでしょう！