ホームページ  >  記事  >  ウェブフロントエンド  >  サイドサスペンドフローティングサンプルコードのJS実装_javascriptスキル

サイドサスペンドフローティングサンプルコードのJS実装_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:11:381336ブラウズ

効果:

サイドサスペンドフローティングサンプルコードのJS実装_javascriptスキル

もの:

まず、スクロール バーを制御するために onscroll をロードします。次に、モーションをバッファリングする方法を記述します。モーションをバッファリングする方法は、まず DIV バッファーの速度を計算し、それを切り上げてから、モーションを実行して終了点に到達するタイミングを決定します。最後にそのパラメータが返されます。次に、オンスクロールでこのメソッドを呼び出し、エンドポイントを計算してこのメ​​ソッドのパラメータに割り当てます。

コード:

コードをコピー コードは次のとおりです:


高さ: 200 px;
背景: #0000FF;
位置: 絶対;
右: 0;
下: 0;
}
< ;/style>



< /div>



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。