JQueryを使って擬似要素のCSSを動的に変更する方法は？

Question

私が変更したい疑似要素を持っているtop:の：私はあなたが擬似を変更する.css()を使用することはできません知っている

var $position = $(this).offset().top; 

：変化量を変数とjQueryを使用して取得され

.content:after { 
    top: 30px; //this will change 
} 

既存のクラスをトグルするのが望ましい方法であることを確認してください。しかし、それは私のクラスのルールとして動的であるとして動作しません。

これについてどうやって行くのかちょっとわかりました。誰にも何か提案はありますか？

Answer 1

:afterは、選択した要素の末尾に子要素を追加することに相当します。したがって可能ならば、JQueryで変更可能な新しい子要素にスタイルを移すことができます。私はそう

.content > .content-after { 
    top: 30px; 
}