【问题标题】:Animate a div when the user can see it当用户可以看到它时为 div 设置动画
【发布时间】:2015-05-31 08:19:29
【问题描述】:

当用户在滚动页面时可以看到 div 时,如何移动/弹跳它?在不知道滚动条位置的情况下......是否可以仅通过 html5/css 实现?

谢谢

【问题讨论】:

    标签: jquery html css scroll


    【解决方案1】:

    使用 CSS 并将固定属性应用到您的 div。例如:

    <html>
    <head>
    
    <style>
    
    .fixedposition{
    position: fixed;
    top:100px;
    left:100px;
    }
    
    </style>
    
    </head>
    <body>
    
    <div class = "fixedposition">Awesome content</div>
    
    </body>
    </html>
    

    所以要回答您问题的另一部分,完全可以仅使用 HTML5 和 CSS。如果您愿意,也可以使用 JavaScript 和 JQuery。

    【讨论】:

    • 另外我只想指出,如果您搜索它,有多个问题可以解决与您类似的问题,例如stackoverflow.com/questions/21882737/…。确保彻底研究您的问题。 =)
    • 您可能需要添加一些其他声明,例如 topbottom,然后是 leftright,以便您明确设置锚位置。
    猜你喜欢
    • 1970-01-01
    • 2017-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-01
    • 1970-01-01
    • 2012-05-13
    相关资源
    最近更新 更多