組み込みJS(prettyScroll)の設定編集について

73 views
Skip to first unread message

後藤真人

unread,
Jun 27, 2018, 11:12:49 PM6/27/18
to a-blog cms forum
お世話になります。

組み込みJS(prettyScroll)の設定編集について質問です。
(使用バージョンは2.8.23となります)


現在site2018テンプレートをベースにページを制作しており、右側のサイドメニューの
「スクロール固定する際のwindow上からの距離」を変更したいのですがうまくいきません。

offsetTopのデフォルト値20を110に変更しようと思い、こちらのページ(https://developer.a-blogcms.jp/document/javascript/js-edit.html)を参考に
site.jsに下記の通りスクリプトを記述したのですがどこがいけなかったのでしょうか。


ACMS.Ready(function() {
  ACMS.Config.prettyScrollConfig = 
  {
    container: '.js-pretty-scroll-container',
    offsetTop: 110,
    offsetBottom: 20,
    breakpoint: 767,
    condition: function() {
      return true;
    }
  };
});


こちらの書き方でもやってみました

ACMS.Ready(function() {
  ACMS.Config.prettyScrollConfig.offsetTop = 110;
});


ご確認いただけますでしょうか。



Godai Hori

unread,
Jun 28, 2018, 12:41:28 AM6/28/18
to a-blog cms forum
後藤様

いつもお世話になっております。アップルップルの堀です。

調査したところ、現在、PrettyScrollの組み込みJSの実行がACMS.Readyより早く動いてしまうため、このような挙動になっていました。
次のバージョンで修正させていただきます。

もし現在対応したいのであれば、下記のようなjsで直接PrettyScrollを実行していただけます。
new ACMS.Library.PrettyScroll('固定したいセレクター', オプション);

参考までに下記URLがPrettyScrollのドキュメントです。

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


後藤真人

unread,
Jun 28, 2018, 12:55:18 AM6/28/18
to a-blog cms forum
アップルップル堀様

次期バージョンをの件了解いたしました。
とりあえずは次期バージョンを待ちたいと思います。

ありがとうございました。

Godai Hori

unread,
Jun 29, 2018, 4:55:25 AM6/29/18
to a-blog cms forum
後藤様 いつもお世話になっております。
アップルップルの堀です。

先ほど新しいバージョン、2.8.24をリリースしました。
このバージョンより、今までの記述でPrettyScrollの設定が有効になるはずです。
ご確認ください。
よろしくお願いします。

後藤真人

unread,
Jul 2, 2018, 4:06:21 AM7/2/18
to a-blog cms forum
アップルップル堀様

お世話になっております。

PrettyScrollの件、バージョンアップしたら動くようになりました。
迅速なリリースありがとうございました。

Reply all
Reply to author
Forward
0 new messages