すべてのカテゴリ

今回は、WordPressでアンカーリンクを設定したのに 👉 「目的の場所を通り過ぎてしまう」問題を解決した話です。 --- ### ■ 起きた現象 ページ内リンクをクリックすると… * 見せたい見出しを通り過ぎる * 1つ下のブロックまでスクロールされる * 目的の内容が一瞬で消える 👉 「ちょっとズレる」どころではなく **完全に流れてしまう状態**でした。 --- ### ■ アンカーリンクとは？ 簡単に言うと👇 👉 ページ内の特定の場所にジャンプするリンク 例えば ```text #movie ``` のように設定すると、その場所までスクロールされます。 --- ### ■ よくある原因（今回もこれ） 原因は👇 👉 **スクロール位置が“ピッタリすぎる”こと** ブラウザは 👉 「指定した要素の一番上」を画面の上に合わせます その結果👇 * 見出しの高さ * 余白 * ブロック構造 などの影響で 👉 **見出しがすぐ画面外に消える → 下のブロックが見える** --- ### ■ 今回のポイント よくある「ヘッダーに隠れる」問題とは違い 👉 **そもそもスクロール位置が深すぎる状態** でした。 --- ### ■ 解決方法 CSSでスクロール位置を手前に調整します。 ```css #movie {   scroll-margin-top: 300px; } ``` --- ### ■ どう変わる？ ```text 少し手前で止まる ↓ 見出しがしっかり表示される ↓ 通り過ぎない ``` --- ### ■ 数値の考え方 数値は固定ではなく、 * ヘッダーの高さ *

こんばんは、nikoniko 21です。私の記事をご覧になってくださってありがとうございます。今回は私の新しいプログラミング用のグッズについてお話したいと思います。私が使っているプログラミングのコードの書き方等を書いておくノートがもうすぐページがなくなりそうです。従いまして、もうすぐ新しいノートに変えようと思ってます。こちらのノートです。ダイソーで買いました。今のノートを使えなくなるのは寂しいですが、もうすぐこの新しいノートをおろすのが楽しみです。今回の記事はここまでです。最後まで読んでくださってありがとうございます。

はじめまして！ブログをご覧いただき、ありがとうございます。広島でコーダーをしております、ERi（えり）と申します。この度、ココナラに参入させていただきましたので、自己紹介とサービスのご案内をさせていただきます！＝＝自己紹介＝＝◼︎30代2児の母、5歳と2歳の男の子の母をしております。やんちゃ坊主2人なので毎日ツノが生えそうになりながらも（いや、生えてるかも？👹笑）楽しく毎日を送っています。日中子供達は幼稚園や保育園に通っているので、作業の時間はしっかり確保できますのでご安心ください！◼︎前職はドラッグストアで医薬品の販売に携わっておりました。接客業で培った「お客様に寄り添う気持ち」を大切に、これからご依頼くださる方にしっかり寄り添って制作していきたいと思っております。ですので、サービスにないことでも一度ご相談いただければ、私にできる限りのことはさせていただきます。お気軽にご相談くださいませ。＝＝サービス＝＝◼︎主にホームページやランディングページのコーディングを承っております。カンプをいただければ保守性の高いコードでデザインを忠実に再現いたします！現在ココナラに参入したばかりで実績もないため、各サービス先着3名様限定で割引もさせていただいておりますので、ぜひこの機会にお試しいただけたらと思います。◼︎作業スケジュールについては、平日9:00〜16:00、土日祝は小さい子供がいるためお休みをいただきます。で・す・が！私、朝活勢なので平日土日関わらず3:00〜6:00は活動しております！また、ご相談やお問い合わせなどは365日24時間受け付けておりますのでいつでもご相談くださいませ

初めまして。フリーランスとしてWebコーダーをしております、だいすけWeb制作と申します。ココナラではFigmaのデザインとXDのデザインに限定してコーディング代行サービスを出品しております。こちらのサービスを出品しておりますが、サービス内容のページでは文字数が足りないというこということでこちらのページに詳細を記載をさせていただきます。お問い合わせや相見積もりの参考になれば幸いです。■ 一般的なWebサイト(基本料金)下記2つのサービスの基本料金は以下の通りです。■ 有料オプション下記2つのサービスのオプション料金は以下の通りです。ご検討いただいているお客様の、参考になれば幸いでございます。ご縁がございましたら何卒よろしくお願いいたします。何かお困りの際は、お気軽にご相談ください。

まず初めに、当方とお取引をいただいておりますクライアントの皆様、本当にありがとうございます。皆様のお陰でプラチナを獲得することができました。これからも変わらぬご愛顧を賜りますようお願い申し上げます。しかし、プラチナへの道のりは決して平易ではありませんでした。当方が遭遇した「モンスタークライアント」の特徴を、お馴染みのケンシロウと共にお届けいたします。皆様がこれに微笑み、そして共感していただけたら嬉しい限りです。それでは、さっそく始めましょう（ほあた！）※伝説の漫画ケンシロウをご存知でない方は、ネタがわからない可能性がございます。予めご了承ください🙇‍♂1. 南斗無限修正拳 - 不死身の修正要求:モンスタークライアントは修正要求が絶えません。私達の声など聞こえないよう秘孔を打っています。プロジェクトが終わらない「無限ループ」に感じられるでしょう。まさに事前の決め事（北斗神拳）も通用しない不死身のクライアントサウザーです。しかし、彼らとの付き合い方を学ぶことで、真のプロフェッショナルになれるかもしれませんね(笑)2. 暗琉天破 - 時間操作能力:締め切りは昨日でした！彼らは時を超越しています。あなたがプロジェクトを受けた瞬間、すでに締め切りが過ぎていたかのように感じるでしょう。スケジュールはタイトで、無想転生も通用しないため常に焦りながら作業をすることになるでしょう(汗)3. 期待値の山 - 期待は山々:彼らの期待はエベレストを超えます。中国四千年の歴史もびっくりです。不可能な要求をする彼らの動きに対抗するためには、超人的な能力北斗宗家が必要です。事前の決め事である南斗五車星(風炎