ページ内の任意の場所へスムーズにスクロールさせるjsについて

171 views
Skip to first unread message

aki kanemitsu

unread,
Jun 30, 2015, 1:36:16 AM6/30/15
to a-blo...@googlegroups.com
スマートフォンにて、ページ上部への設定をした際、途中で止まってしまう現象がありました。
このような報告はありましたでしょうか?

似たような現象がyuga.jsで起きた際に
以下のような対応をしてもらいました。
----------------------------------------------------------
yuga.jsの「ページ内リンクはするするスクロール」は、ス
クロール中に16ミリ秒
ごとに現在のスクロール位置をチェックするコードがあるのですが、この値がiOS8
ではスクロール直後に正常に取得できないため途中でエラーとなっていました。
今回はこの部分をjQueryのanimateに置き換えることで対応。
それと、#pagetopをスクロール位置で表示と非表示をコントロールするコードが
ありますが、スクロールのたびにfadeInかfadeOutが連続で呼び出されてしまうの
で、何度も呼び出されないように改良。

森田霞

unread,
Jun 30, 2015, 6:22:48 AM6/30/15
to a-blo...@googlegroups.com
いつもお世話になっております。アップルップルの森田です。

>スマートフォンにて、ページ上部への設定をした際、途中で止まってしまう現象がありました。

こちらはsite2015テーマのお話でしょうか?
申し訳ございませんが、上記のような問題はとくに聞いたことはありませんでした。
スマートフォンサイズのときにPCと同じ「上部に戻るボタン」を表示して検証しましたが、こちらもとくに問題はありませんでした。

以上になります。よろしくお願いいたします。

aki kanemitsu

unread,
Jul 21, 2015, 5:59:57 PM7/21/15
to a-blog cms forum
ACMS.Library.scrollToのスクロール位置判定がiOSで正常に動作しないため、scrollToMark機能がスクロール途中で止まってしまいます。

解決方法をお知らせいただけると幸いです。



Godai Hori

unread,
Jul 21, 2015, 9:37:09 PM7/21/15
to a-blog cms forum
いつもお世話になっております。
アップルップルの堀です。

こちらでiPhoneを使って検証してみたところ、正常に動作しました。

スクロール途中で止まってしまうということですので、もしかすると、同じIDもしくはnameを振られた要素がHTML内に複数存在するかもしれません。
ご確認ください。

a-blog cmsのsiteテーマでも同じような現象が起きますでしょうか?できればお使いのa-blog cmsのバージョン等もお知らせください。

よろしくお願いします。



aki kanemitsu

unread,
Jul 21, 2015, 11:03:24 PM7/21/15
to a-blog cms forum
早速の返信ありがとうございます。

a-blog cmsのバージョンは2.5.0
bootstrap2015のテーマを使っています。

短い距離は大丈夫ですが、
記事が長くなるとトップまで戻りません。
また、
同じIDもしくはnameを振られた要素がHTML内に複数存在もありませんでした。


以下のようなアドバイスをいただいたので参考までにお伝えいたします。
(function($) {
    'use strict';

    $(document).ready(function() {
        $(ACMS.Config.scrollToMark).off('click').on('click', function() {
            var targetY = this.hash.length !== 0 ? $(this.hash).offset().top : 0;
            $('html, body').animate({scrollTop: targetY}, 400, 'swing');
            return false;
        });
    });
})(jQuery);


Godai Hori

unread,
Jul 22, 2015, 4:27:43 AM7/22/15
to a-blog cms forum
お世話になっております。
アップルップルの堀です。
おっしゃる通り、記事の長いページでテストを行ったところ、意図した位置にスクロールしませんでした。
申し訳ありません。

参考にさせていただき、時期バージョンまでには対応させていただきます。ありがとうございました。


Reply all
Reply to author
Forward
0 new messages