Jqueryで指定位置までスクロールさせるという動作を実現したいのですが、
以下の記述だとスマホからでは動作しないようです。
$('html,body').animate({ scrollTop:1000}, 'slow');
スマホで上記と同等の動きをさせる方法を教えていただけないでしょうか。
-- 追記 ----−
回答してくださった方たちの言う通り、
スマホでも上記方法でスクロールはさせられました。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
回答3件
0
問題なさそうですが、一応下記で正常に動きます!!
Javascript
1;$(function() 2{ 3 function scrollToTag(selid) 4 { 5 var tag = $(selid); 6 if( tag.offset() !== null) 7 { 8 var pos = tag.offset().top; 9 $("html, body").animate({scrollTop:pos}, 1000, "swing"); 10 } 11 } 12 window.load = scrollToTag('#go'); 13});
投稿2015/07/23 03:58
総合スコア181
0
ベストアンサー
通常は書かれているやり方でできると思います。
何か別のところに問題があるのではないでしょうか。
Firebugなどでエラーが出てないか確認されてはどうでしょう?
投稿2015/07/23 03:46
総合スコア127
iosシュミレータとsafariでデバッガ確認をしたところ、
スクロールはしませんが特にエラーにもなっていませんでした。
どこでscrollTopを取っても0のままなので、おっしゃる通り他に何か問題があるのだと思います。
もう少し調べてみます。
モバイルサファリでデバッガを使うという発想がなかったので非常に助かりました。
ありがとうございます。
iScrollなどのページを疑似的にスクロールさせるプラグインを使っているとかはないでしょうか?
iScrollは使用してませんが、パララックス効果を作るためにskrollrは使用しています。
それの影響かもしれないですね。
scrollrのサイトを見るとスクロールさせるためのメソッドがあるみたいなので、それを使ってみるのはどうでしょうか?
https://github.com/Prinzhorn/skrollr/blob/master/README.md
たぶんsetScrollTopかanimateToだと思います。
試してないので、違ってたらすみません。
用意されていたメソッドでスクロールさせる事ができました!
英語がビタイチ読めないので自分ではたどり着けなかったと思います。
本当に助かりました。ありがとうございました。
ちなみに、翻訳されてる方がいたので載せておきます。
https://www.flying-h.co.jp/blog/2014/09/skrollr-0626---jqueryparallax.php
翻訳のリンクありがとうございます。
解決されたようで良かったです。
0
smooth scroll を使えば実現できる気がします。
ttp://blog.webcreativepark.net/2007/07/12-143406.html
投稿2015/07/22 21:41
総合スコア634
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
2015/07/23 04:25 編集
2015/07/23 13:17