html - 在视口中加载 HTML

Question

我有以下加载 CSS3 动画的 HTML：

<div class="quote">
   <a id="dex-sign" class="play" target="_blank"></a>
</div>

当相关的 div 显示在视口中时，有什么方法可以加载此代码？这将意味着动画在进入视野时开始播放。

谢谢。

Answer 1

You can do it using media queries in css. For example:

.quote{
   display:none;
}

@media only screen and (max-width:767px){
   .quote{
         display:block;
    }

 }