Question

这是您访问网站时出现的cookie策略消息的代码。当用户单击“接受”时，该消息消失，但是当用户滚动页面时，我希望该消息消失。我应该在这段代码中添加些什么才能使其实现？

<?php
$gprd_desc       = cool_get_setting( 'cool_gprd_desc' );
$gprd_accept     = cool_get_setting( 'cool_gprd_btn_accept' );
$gprd_rmore      = cool_get_setting( 'cool_gprd_rmore' );
$gprd_rmore_link = cool_get_setting( 'cool_gprd_rmore_link' );
$cool_gprd_text = cool_get_setting( 'cool_gprd_policy_text' );
if ( get_theme_mod( 'cool_enable_cookie_law' ) && $gprd_desc && $gprd_accept ) :
    ?>
    <div class="cool-wrap-gprd-law cool-wrap-gprd-law-close cool-close-all">
        <div class="cool-gprd-law">
            <p>
                <?php if ( $gprd_desc ): echo $gprd_desc; endif; ?>
                <?php if ( $gprd_accept ): echo '<a class="cool-gprd-accept" href="#">' . $gprd_accept . '</a>'; endif; ?>
                <?php if ( $gprd_rmore ): echo '<a class="cool-gprd-more" href="' . $gprd_rmore_link . '">' . $gprd_rmore . '</a>'; endif; ?>
            </p>
        </div>
        <?php if ( ! get_theme_mod( 'cool_show_cookie_law' ) ): ?>
            <a class="cool-gdrd-show" href="#"><?php echo $cool_gprd_text; ?></a>
        <?php endif; ?>
    </div>

<?php endif; ?>

Answer 1

为此（将元素隐藏在滚动条上）-我建议使用Javascript。

window.onscroll(function() {
   document.getElementById("cookie-bar").style.display = "none";
});

它的作用是侦听用户窗口，并在滚动时执行花括号内的代码。它会找到ID为“ cookie-bar”的元素（您必须在标记中添加一个ID-参见下文），然后隐藏该元素。

元素上的id的示例是：

<div class="cool-wrap-gprd-law cool-wrap-gprd-law-close cool-close-all" id="cookie-bar">

使消息滚动消失（PHP）

1 个答案: