Question

您好，我试图设置＆＃39; display：none＆＃39;在我的一个元素上，因为当它到达底部时它覆盖了一个按钮。它需要显示然后显示：无。有办法吗？

目前我有： -

            <header
                data-start="opacity: 1; "
                data-400p-start="opacity: 1; "
                data-450p-start="opacity: 0; "
                data-1699p-start="display: none;"
            >
                <div class="wrapper clearfix">

                    <div class="intro">
                        <h1><span>Innovative Studios Tailor Made</span>
                        <span>For Your Natural Habitat</span></h1>
                        <a href="contact.html" class="intro_btn">GET A FREE CONSULTATION</a>
                    </div>

                </div>
            </header>

这个显示无1699p，整个div从一开始就没有显示。

Answer 1

您可以使用skrollr轻松控制“显示”。您的代码可能如下所示：

 <header
            data-start="opacity: 1; display:block;"
            data-400p-start="opacity: 1; "
            data-450p-start="opacity: 0; "
            data-1699p-start="display: none;"
        >

Answer 2

skrollr旨在为不透明度等css更改设置动画。但是，当您列出“display：none”时，此动画没有开始的起点。如果你的元素覆盖了一个按钮，那么使用skrollr解决这个问题并不理想。您可以使用css来修复此问题（例如，使用z-index标记）。

Skrollr - 如何进行div显示：滚动时无

2 个答案: