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

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

ども、SWELL最高 モンです。

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

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

目次

完成イメージ

こんな感じ。

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

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

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

STEP
HTMLアンカーを設定

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

HTMLアンカーを設定

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

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

STEP
リンクを入力

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

リンクをクリック

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

今回は、「#aaa」です。

リンクを入力

これで完了

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

まとめ

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

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

では、また!

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

この記事を書いた人

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

コメント

コメントする

CAPTCHA


目次
目次
閉じる