2018/03/15
ゲームをWebサイトに埋め込んだときのスクロールを抑制する
ティラノスクリプトのゲームを、Webサイトの一部として画面に組み込む場合、<iframe>タグか<object>タグを使って組み込むことになるでしょう。
書き方は、<object>タグなら
<object data="URL" type="text/html" width="横幅" height="高さ"> 埋め込みが無効の場合のみ表示される文章 </object>で、<iframe>タグなら
<iframe src="URL" width="横幅" height="高さ"> 埋め込みが無効の場合のみ表示される文章 </iframe>といった具合ですね。
ちなみにTwitterカードに埋め込んだ場合は<iframe>の動作となります。
で、こうやってゲームを埋め込んだとき、
ゲーム画面上でのマウスホイール動作が問題になってきます。
最近のティラノスクリプトなら下ホイールでテキスト進行ができるんですが、
埋め込み画面上でホイールするとWebページ全体がスクロールしちゃうのですね。
これはめちゃんこ不便なので、対策をしてみようという話です。
コメント