BLOG


ブログ はまった。。。
2018-08-24
画像15
あるWEBサイトにSwiperという画像スライドライブラリを使って画像を表示させ、それを画面下部に固定(position: fixed)させています。 で、クライアントからの要望がスマホサイトで画面スクロールすると画像が表示したり非表示と制御できないかと。 実装してみる。。。windowスクロールするトリガーを受け取り、上下判断し表示制御(jQueryのaddClassでクラス付与。その中身はdisplay:none)。 いざサイトを確認すると、表示制御はうまくいっている、、、が画像がスライド(フェード)しない。。。なんで?? リロードしてもフェードするときしないときがある。ますますわからない??? 色々ためして最終的な対応としてはdisplay:noneは使用せず、画像を1pxに縮小させるということにしました。 しっくりこないですが。。。