ScrollHIntというJavascriptライブラリを動作させるのに必要なコード

Question

前提・実現したいこと

ScrollHintという、Javascriptライブラリを動作させたいのですが、動作しません。

[ScrollHint]
https://appleple.github.io/scroll-hint/

試したこと

サイトに記載のあるとおり、ヘッダ部に、

<link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>

を記載しました。

また、横スクロールするテーブルを、

<div class="js-scrollable">
</div>

で囲みました。

初めはWordPressのテーブルに実装してみましたがうまくいかず、
ローカルにて、ミニサンプルミニサイトを作成し、CDNではなく、ダウンロードしてみて試すこともしましたが、結果は同じで、ScrollHintのアイコンは表示されませんでした。

気になるのは、

new ScrollHint('.js-scrollable');

この記述ですが、これはオプションを設定するつもりがなくても、記載しなければならないのでしょうか？

お聞きしたいこと

ScrollHintを使うのには、

<link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>

と、

<div class="js-scrollable">
</div>

以外に、

new ScrollHint('.js-scrollable');

の記述も必要なのでしょうか？

もし、必要なのであれば、どこにどう記載すればいいのでしょうか？

Comments

[退会済みユーザー]

ライブラリのページに有るQuick Startの通りにすればいいのでは。
全部読んだ上でこちらの質問をされているのでしょうか？

[gentaro]

適切な回答をもらいたいならコード全文を質問文に追記したほうが良いです。

[退会済みユーザー]

>yukke
ん？ググれカス的なマウント？
俺ならライブラリ見ればわかるね。的な？

[gentaro]

マウントもなにも、ガイドラインでそうしろって書いてあるんだけどね。マウントって言ってみたかったのかな。

[bochan2]

マウント取るのは良くないと思います

[退会済みユーザー]

当たり前のことやったかって聞くのはマウントなんですかね。
そもそもリンク先に書いてあることなんですが。

[Zuishin]

聞いて当然の必要事項を尋ねることをマウントとイチャモンつけるようなマウントは二度としないでください。それが守れない場合はこのサイトを利用しないでください。

Answer 1

エスパー回答にチャレンジしてみますが、

<script>
  new ScrollHint('.js-scrollable');
</script>
<div class="js-scrollable">
</div>

みたいに書いちゃってるとか。（DOMを読み込む前にスクリプトが実行されてる）

<div class="js-scrollable">
</div>
<script>
  new ScrollHint('.js-scrollable');
</script>

この順なら動くんじゃね？という意味ね。

Comments

[退会済みユーザー]

>エスパー回答にチャレンジしてみますが、

というのは、あほな質問だけとしゃーないから付き合ってやるという上から目線な意味ですか？

[gentaro]

回答に必要な情報が質問文に足りてないからそこを想像で埋めて回答しているって意味ですが。
「エスパー」ってのはこの手の情報不足の質問に対する昔からの慣用的にそう表現します。

これで不快だと思うんだったら、せめてガイドラインに従って質問してください。
https://teratail.com/help/question-tips

[gentaro]

て書いてたら退会しとる。メンタルよえーな。

[bochan2]

「メンタルよえーな。」という発言は人格否定に当たるので暴言ですよ。
二度と人格否定をしないでください。
それが守れないならこのサイトを利用しないでください。

[gentaro]

メンタルが弱い人をあなたが見下してるからそう思うんじゃないですか？

[Zuishin]

メンタルが弱いのでなければ、この退会済みユーザーの暴言は許されるものではありませんね。

[gentaro]

「メンタルよえーな。」は「メンタル弱いとコミュニケーション難しくて大変だろうな（苦労してるんだろうな）」というどちらかというと相手を慮った趣旨でしたが、そういった発言の意図を確認もせず思い込みだけで

> 「メンタルよえーな。」という発言は人格否定に当たるので暴言ですよ。
> 二度と人格否定をしないでください。
> それが守れないならこのサイトを利用しないでください。

という暴言で酷く人格を否定された気分になりました。
・「暴言」という決めつけ
・「人格否定」というレッテル貼り
・「サイトを利用しないで」という何の権限があって言っているのか不明な押し付け
は最初から結論ありきの意見の押しつけであり、私が発言する権利を奪うものです。

こういう人こそ二度と人格否定をしないでください。
それが守れないならこのサイトを利用しないでください。続きを読む ∨