クリッカブルマップでスムーススクロール

yasuko
ストレートアイロン買いました

クリッカブルマップ

画像の好きなところをクリックできるようにする、あれ。

いつか廃れるかと思っていたけど、なかなか廃れません。

jQuery RWD Image Maps

がレスポンシブにも対応できて便利です。

が。

クリッカブルを使うと、リンクが <a> ではなく <area> になるので、スムーズスクロールが効きません。

シュンッ!!とページ内を移動してしまいます。

そんなときの解決法を自分のためにメモ。

$('a[href^="#"]'+ 'a,area').click(function(){

以前のスムーズスクロールの記事で使ったコードにちょい足し。

コピペできるようにベーシックなスタイル。