Yahooショッピング用のレンタルサーバー、トリプルで作ったスムーズスクロールなページ内リンクを使うとスムーズスクロールしてくれない状況の解決策
jQuery関連記事
【jQuery】pdfが存在するか、mimeタイプのバリデーションする
jQuery UIのsortableを使ってリストをドラッグで並び替える
jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する
HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる
bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種
bxSliderの使い方と、オプションでのカスタマイズ方法
select・optionタグをjQueryで、プルダウンの選択値を取得、変更する
![jQueryでinput[type="file"]で画像アップロード時にプレビューを表示する](https://mugenweb-note.com/web/wp-content/uploads/2020/08/mamechi1110022.jpg)
jQueryでinput[type="file"]で画像アップロード時にプレビューを表示する
jQueryでrequiredの専用エラー文と文字数制限のバリデーションをつくる
状況
・使うコードは下記記事で作ったhtmlとJavaScript。
・リンクはhtmlで直書き。
・サーバーはYahooのトリプルサーバーを使用。
の場合、本来であればスムーズにスクロールしてくれるはずですが、JavaScriptが効いてるようで効いてない気持ち悪い動きをします。
console.logも動作しているのでJavaScript自体は動くけどアニメーションの問題かな？とも思われる。
スムーズスクロールさせる方法
とりあえず動作する方法を発見。
aタグのリンクはJavaScriptで書き出すこと。
それだけで期待通りの動作をしてくれます。
上のデモのようにJavaScriptを使ってaタグのリンクを書き出すようにすると動くようになりました。
外部JavaScriptでリンクを生成している場合では確認はできていますが、
html内にscriptタグで書き出す場合は確認していません。
もしできない場合は外部JavaScript化して読み出しする方法でならできますよー。
コメント