JS - 从左到右显示带有动画的文本

Question

当用户用动画从左到右向下滚动页面时，如何显示一些文本？

Answer 1

Let's give Google another result:

 window.onscroll = function() { document.querySelector(".this").style.left = "" + window.pageYOffset + "px" }

 .this { position: fixed; width: 50px; height: 50px; background: pink; transition: all 0.5s; left: 0; } p { height: 100px; }

 <div class="this"></div> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p> <p>scroll please</p>