スマホでページ内リンクがうまく動きません。
lang
1html(slimで記述) 2 3span#click 4 | クリックしてください 5= image_tag(“images/click-button.png", :size => “150x100", :alt => "ボタン") 6 7 8 9#goal__anchor 10#goal 11 | ここに飛ぶ。 12 13
lang
1jQuery 2 3$(“#click").click(function(){ 4 var i = $(“#click").index(this) 5 var p = $(“#goal").eq(i).offset().top; 6 $('html,body').animate({ scrollTop: p }, 800); 7 return false; 8});
このようなソースです。
リンクをクリックしても反応せず、console.logでpを取得してみるとページトップではなく、画面のトップの値を取得していました。
pc版では上記のソースで普通に動きました。
どこがいけないのかがわかりません。回答のほど宜しくお願いします。