2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
첫번째는 잘돼요! <style> .card-background { height: 1500px; margin-top: 500px; margin-bottom: 500px; background-color: lightgrey; }.card-box img { display: block; margin: auto; width: 300px; max-width: 80%; }.card-box { position: sticky; top: 400px; margin-top: 100px; } </style> </head><body> <div class="card-background"> <div class="card-box"> < img src="./phone1.png"> </div>
<div class="card-box"> < img src="./phone2.png"> </div>
<div class="card-box"> < img src="./phone3.png"> </div> </div> <script> $(window).scroll(function () { var 높이 = $(window).scrollTop(); var y = (-1 / 300) * 높이 + (5 / 3); $('.card-box').eq(0).css('opacity', y); }); </script>
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.