JS監視スクロールバーのローリングイベントにより、タグのコンテンツが常に同じ位置にあります

小さな知識ポイントは、それほどナンセンスではなく、コードを直接適用するだけです

CSS：

次のようにコードコードをコピーします。

<pr name = "code"> <style>

#anchor：{{

位置：腹筋;

トップ：40％;

左：40％;

幅：100px;

高さ：100px;

背景色：赤;

}

</style> </pre> <br>

JS：

次のようにコードコードをコピーします。

<pr name = "code"> var auchortop = $（ "#anchor"）。

auchortop = number（auchortop.substring

window.onscroll = function（）{

var top = document.documentelement.scroltop ||

$（ "#anchor"）。

};

HTML：

次のようにコードコードをコピーします。

<div id = "anchor"> </div>

window.document.body.scrolltopしたがって、「||」シンボルを使用して、これらの2つの属性を組み合わせることができます。 Anchortopは、ターゲットの開始とブラウザの上部との間の距離です。

ローリングバーが巻かれると、最上位の値が変わり、次に「#anchor」の初期最高値と、スクロールバーの最高値がコンテンツを常に同じ位置に保つことができます。