エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQuery:実験-上下スクロール/ jQuery:ページ自体の上下スクロール
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQuery:実験-上下スクロール/ jQuery:ページ自体の上下スクロール
前回のメニュースクロールを発展させて コンテンツの上下スクロールをつくってみました。 構造はCSSでコ... 前回のメニュースクロールを発展させて コンテンツの上下スクロールをつくってみました。 構造はCSSでコンテンツのはみ出る部分をoverflow:hiddenで隠して、それをposition:absoluteさせてtopプロパティでY座標を指定する方法です。 ただし、この構造では、JAVAをきった状態だと隠れたコンテンツを見ることが不可能になってしまいます。 そのため、overflow:autoにして手動でコンテンツをスクロールできるようにする必要があります。 しかし、ここで問題発生。 手動でコンテンツをスクロールさせると、leftのデフォルト座標がずれてしまうんですね。 座標がずれると、メニューボタンとコンテンツの位置が合わなくなってしまいます。 そのため、javaScriptをきったときだけ、overflowプロパティをautoにして、スクロールバーを表示させるようにしてあります。