ページ内を縦横スムーズに移動するjQueryサンプル

calendar

reload

10年くらい前、テーブルレイアウトがブイブイ言わせていた時、自分はWeb業界に入りました。
3ヶ月のスクールに通っただけの未経験で入社したので、td と tr の区別もつかないのに100ページ以上のコーディングをまかされ必死にやっていました。
その時にはじめて、アンカーリンクというものを知りました。
そして思いました、『これって横にも移動するのかな…』

それから早10年。ふとその事を思い出したので作ってみました。
どうせ作るなら、少しはカッコイイものにしたいので、シュイーーンってアニメーションで動くようにしてみました。

デモ

まずはデモを。こちらから。

動作検証

【Mac】Firefox5 Safari Chrome で動作検証しました。
Chrome と Safari では、ドラッグでのスクロールがうまく動きません。
あの機能自体、ブラウザを選ぶので使うときは状況に応じて外してください。

javascript