WEBウィンドウの高さを取得後に要素へ代入する
よく使うメモ。 スマートフォン用に高さ 100vh とか使いたいところですが、CSSによっては適切に高さが設定されずに 0 となってしまうのでJavascriptで対応してしまうと考える手間が省けるのでお薦め。
jQuery
WEB WEBウィンドウサイズで画像の表示をJavascriptで切り替える
最近よく利用するのでメモがてら。 以下コード入れて、imgにクラス .js-resp 付与すると画面サイズで切り替えます。 画像にはファイル名の後ろに _pc と _sp と命名すればOK、HTMLに記述する場合には _pc の...
WEBフルスクリーン表示からスクロール後にナビなど表示させたい場合のTip
ファーストビューがフルスクリーン表示されていて、スクロール後に固定ナビなどを表示したい際などを想定。 スクリプトは主にスマートフォンサイトを想定していますが、PC表示でも問題は無いはず。
用途に応じて適宜調整すれば良いと思います。
...
WEBSlick.js スマートフォン表示時だけ適応させたい。
丁度使う機会があったのでメモ。
WEB個人的使いやすいパララックス『Scrolly』
設置方法などはまた後日 DEMO
WEBSlick.js レスポンシブ時、特定幅以下の場合に動作をストップさせる。
WEB