MENU
モン
世界一やさしい人
モンブログのモンです!
「暇な人達のたまり場」をモットーに、日々の生活をワンアップする情報を発信中。
➤イチゴがすき。
更新した日をチェック!
2024年4月
1234567
891011121314
15161718192021
22232425262728
2930 
カテゴリー

SWELLで特定の場所にスクロールで移動する方法

ども、SWELL最高 モンです。

今回は、ページ内の特定の場所にスクロールするやり方をご紹介します。

便利な機能だから是非使ってみてね~

目次

完成イメージ

こんな感じ。

↑ここをクリックすると、好きな所にジャンプしてくれます。

CSSも難しいコードも必要なく、簡単に出来ちゃいますよ♪

特定の場所にスクロールで移動する方法

STEP
HTMLアンカーを設定

スクロールしたい場所をクリック➡「高度な設定」「HTMLアンカー」をクリックです。

HTMLアンカーを設定

HTMLアンカーに好きな文字を入力です。

今回は分かりやすい様に「aaa」としました。

STEP
リンクを入力

任意の場所の「リンク」をクリックです。

リンクをクリック

「STEP1」でHTMLアンカーに入力した文字を#を付けて入力です。

今回は、「#aaa」です。

リンクを入力

これで完了

これでスクロールしながらジャンプできます!

まとめ

便利且ユーザーを飽きさせない仕組みが出来上がるので、活用しちゃってくださいね!(^^)!

SWELLは他にも多くの機能があるので、当ブログでも解説しています。

では、また!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

モンブログのモンです!
2000年生まれ➤ハリー・ポッターが大好き。イチゴも好き。
➤「日常」「ハリーポッター」など好きな事を色々語る好きな事に特化したブログです。

コメント

コメント一覧 (2件)

  • こんにちはー
    こちらを参考にホームページを作成しております。
    いつもありがとうございます。

    ピックアップバーナーをクリックして、下にスクロールさせたいのですが
    そういうのは無理なのでしょうか?

    • ピックアップバナーを設定した後、「高度な設定」からHTMLアンカーを設定出来れば可能だと思います!
      出来ない場合は、おそらく実装するのは難しいかと、、

コメントする

CAPTCHA


目次