は私が公式のJSをここでブートストラップ4. で動作するようにaffix.jsを得るための試みがされてやっている4

Question

ブートストラップで動作するように貼り付けましょう：

https://github.com/twbs/bootstrap/blob/master/js/affix.js

これは、例えば作品：

#foo.affix { 
    top: 20px; 
    color: red; 
    position: fixed; 
} 

しかし、左には奇妙なジャンプがあります。 は接辞が同様にCSSの束を必要としていますか？私はリポジトリに貼り付けることに関連する何も見つけることができません。

http://jsfiddle.net/clankill3r/df8tb/2715/

Answer 1

はい、あなたはaffix-top、affixとaffix-bottom位置を処理するためにCSSを追加する必要があります。

affixプラグインをデータ属性で使用するか、独自の JavaScriptで手動で使用します。両方の状況では、あなた取り付けられ、コンテンツの 位置と幅のためのCSSを提供する必要があります。あなたがしなければならないので、position:fixedは、通常のドキュメントフローのうちの要素がかかるため

http://getbootstrap.com/javascript/#affix

あなたはジャンプを見ているpostionそれに応じCSSで設定し、高さ、幅、など。。

更新：

接辞コンポーネントは、ブートストラップ4から削除されましたので、今は位置でブラウザを使用する必要があります：my answer here

に似た粘着性のサポート、またはjQueryの/ JS