アートに関する素晴らしいサイトを発見しました。左のヘッダーを上にくっつけて、特定の場所で停止できることに興味があります。私の理解では、position: absolute;常に一番上にくっつくはずですよね？
同じことを行うには、JavaScript が必要ですか、それとも CSS だけが必要ですか? 提供された例は素晴らしいものになるでしょう。
3 に答える
2
要素を調べてから下にスクロールすると、正確にどのように機能するかを確認できます。
約absolute90pxでスクロールするまで、をに変更positionしstaticます。静的により、要素がページ上でフロートします。
于 2012-11-08T16:22:57.230 に答える
2
はい、JS を使用してその効果を作成しているようです。これを確認する最も簡単な方法は、[Chrome/Chromium で要素を検査] をクリックして記事positionをスクロールすることです。スクロールするとインライン プロパティがどのように変化するかに注目してください。これは、JS を介してのみ発生します。
それ以上に、すべてのスクリプトが縮小されているため、言うのは難しいですが、jQuery.scroll()のコールバックを使用してどの記事が表示されているかを検出し、それに基づいて固定/絶対スタイルのスワップをトリガーして、ヘッダーをスクロールまたは許可することを想定しています。いいえ。
于 2012-11-08T16:26:38.477 に答える
1
このWayPointsプラグインは、まさにあなたが探しているものだと思います。jqueryを使用して、ユーザーがスクロールしている場所に基づいて、位置を絶対から固定に変更します
cssだけではこれを達成できません。ユーザーのスクロールを監視するには、jQueryのjavascriptが必要になります。
もちろん、自分でスクリプトを作成してスクロールを検出し、手動で位置を変更することもできますが、それほど経験がない場合（JavaScriptであることがまだわからなかったため、絶対位置が固定されないため）一番上の要素）プラグインを反抗的に使用し、それが最初にどのように機能するかに慣れてください。
于 2012-11-08T16:25:20.023 に答える