Q&A
前提
画面可視範囲に入ると文字がフェードイン・アウトする機能を作っています。
実現したいこと
1.5秒かけてフェードイン、0秒かけてフェードアウトにしたいのですが、
インアウト共に1.5秒になってしまいます。フェードアウトだけ0秒にするコードに
書き換えていただきたいです。
Jquery
1 /*inviewに入ったら<p>フェードイン*/ 2 3 $(function() { 4 $('p').on('inview', function(event, isInView) { 5 $(this).animate({opacity: isInView ? '1' : '0'},{ duration: 1500}); 6 }); 7}); 8
HTML
1 2<body> 3 <p>文章1</p> 4 <p>文章2</p> 5 <p>文章3</p> 6 <p>文章4</p> 7 8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 9 <script src="script.js"></script> 10 <script type="text/javascript" src="jquery.inview-master/jquery.inview.js"></script> 11</body>
回答1件
0
ベストアンサー
opacityで指定しているのと同じように3項演算子を使えばよいのでは？
【条件 (三項) 演算子 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
投稿2019/04/28 07:03
総合スコア69398
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/28 07:27