jQuery トップスクロールアニメーションがおかしい

疑問点・つまづき

jQuery トップスクロールアニメーションが動かない。
ボタンを押してもアニメーションせず。ジャンプだけ。
一番下まで画面をスクロールした状態だと、スクロールもジャンプもしない。
サイトの全ページで再現される。

 

htmlのbodyも疑ったが違う。
cssは関係ないはず。やはりHTMLがおかしいのか。。
headも同じ。cssも同じ。jQueryも同じ。
動作している同様のサイトからconfig.jsを移転してそれを使ってみたが、やっぱりダメ。
TwitterやGoogleMapは別サイトでも使って問題なかったから関係ない。

 

リンク集ページでも再現されるから、本文は関係ない。
→サイドメニューか?→関係なかった

 

となると、やはりHTMLの問題っぽいが。
ヘッダー画像を疑って、元に戻してみたが、やはり再現される。
そういえば、最初からおかしかった。

 

この際、サイトを作り直して、動いているサイトにコンテンツを付け足していくか・・
→このお陰で原因解明!!

 

解決!

<div id="top"></div>を消してしまっていた。
これが必要だった。

 

参考URL
なし

 

教訓

やはり、Chromeのエラーメッセージには意味があった。
topが見つからない、と言っていたのだから。

 

あと、正常なものに一つ一つ付け足していって、エラーを確認するという方法も有効だ。