スマホでjqueryでスクロール位置を設定する方法

Question

Jqueryで指定位置までスクロールさせるという動作を実現したいのですが、
以下の記述だとスマホからでは動作しないようです。

$('html,body').animate({ scrollTop:1000}, 'slow');

スマホで上記と同等の動きをさせる方法を教えていただけないでしょうか。

-- 追記 ----−
回答してくださった方たちの言う通り、
スマホでも上記方法でスクロールはさせられました。

Answer 1

問題なさそうですが、一応下記で正常に動きます！！

;$(function()
{
  function scrollToTag(selid)
  {
    var tag = $(selid);
    if( tag.offset() !== null)
    {
      var pos = tag.offset().top;
      $("html, body").animate({scrollTop:pos}, 1000, "swing");
    }
  }
  window.load = scrollToTag('#go');
});

Comments

[ina]

間違えてコメントしました。すみません。

[syudee]

ソースをご提示いただいてありがとうございます。
私のところでは動きませんでしたが、animateの記述が誤っていないという事が
わかっただけでも少し前進です。
ありがとうございます。

Answer 2

通常は書かれているやり方でできると思います。
何か別のところに問題があるのではないでしょうか。

Firebugなどでエラーが出てないか確認されてはどうでしょう？

Comments

[syudee]

iosシュミレータとsafariでデバッガ確認をしたところ、
スクロールはしませんが特にエラーにもなっていませんでした。
どこでscrollTopを取っても０のままなので、おっしゃる通り他に何か問題があるのだと思います。
もう少し調べてみます。
モバイルサファリでデバッガを使うという発想がなかったので非常に助かりました。
ありがとうございます。

[ina]

iScrollなどのページを疑似的にスクロールさせるプラグインを使っているとかはないでしょうか？

[syudee]

iScrollは使用してませんが、パララックス効果を作るためにskrollrは使用しています。

[ina]

それの影響かもしれないですね。

scrollrのサイトを見るとスクロールさせるためのメソッドがあるみたいなので、それを使ってみるのはどうでしょうか？
https://github.com/Prinzhorn/skrollr/blob/master/README.md
たぶんsetScrollTopかanimateToだと思います。

試してないので、違ってたらすみません。

[syudee]

用意されていたメソッドでスクロールさせる事ができました！
英語がビタイチ読めないので自分ではたどり着けなかったと思います。
本当に助かりました。ありがとうございました。

ちなみに、翻訳されてる方がいたので載せておきます。
https://www.flying-h.co.jp/blog/2014/09/skrollr-0626---jqueryparallax.php

[ina]

翻訳のリンクありがとうございます。
解決されたようで良かったです。

Answer 3

smooth scroll を使えば実現できる気がします。

ttp://blog.webcreativepark.net/2007/07/12-143406.html

Comments

[syudee]

確かにsmoothScrollで検索して、そこにあったサンプルはスマホでも動きました。
ただ、同等の事をやってるはずなのに私のところでは動きません・・・
まだ解決策の見当はついてないですが、問題の絞り込みは行えました。
ありがとうございます。

[yu-ri]

上記のサイトのJSなら、読み込むだけでjQuery無しで動くはずなんですが…おかしいですね。
他のライブラリとバッティングしてたりしませんか？

[syudee]

skrollrとバッティング(?)していました。
ご回答ありがとうございました。