- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
トップページのメインビジュアルにある「Scroll」ボタンについてご相談です。
【やりたいこと】
このScrollボタンをクリックしたとき、ページ内の任意のセクション(たとえばページの下部にある「会員マイページ」など)までスムーズにスクロールさせたいです。現状はスクロールボタンを押しても直下にしかいかないです。
【現状】
- SWELLデモに元々あったスクロールボタンをそのまま使っています(カスタムHTML等で新たに設置したものではありません)
- 「会員マイページ」セクションには `id="scrolltarget"` を設定済み(見出しh2にHTMLアンカーで付与)
- WPCodeで以下のJavaScriptスニペットを有効にしましたが、動作しませんでした:
```javascript
document.addEventListener('DOMContentLoaded', function () {
const btn = document.querySelector('.p-mainVisual__scroll');
const target = document.getElementById('scrolltarget');
if (btn && target) {
btn.addEventListener('click', function (e) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth' });
});
}
});
【質問】
このSWELL既存のスクロールボタンを使って、ページ下部の任意セクションまでスムーズスクロールさせる方法はありますか?
よろしくお願いいたします。
Akismet Anti-Spam
All-in-One WP Migration and Backup
Customizer Export/Import
Hello Dolly
Loco Translate
Paid Member Subscriptions
Profile Builder
Site Kit by Google
WP Multibyte Patch
WPCode Lite