倉庫保管＆流通

<style>#modalMessage { position: fixed; z-index: 15; left: 0; top: 60px; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 35%; border-radius: 4px; } .close { color: #080808; float: right; font-size: 28px; font-weight: bold; line-height: 20px; } .close:hover, .close:focus { text-decoration: none; cursor: pointer; } @media (max-width: 769px) { .modal-content { width: 90%; } } @media (max-width: 1050px) { .modal-content { width: 70%; } } @media (max-width: 1400px) { .modal-content { width: 50%; } } </style>

<div class="fade modal show ups-application_wrapper"role=dialog aria-labelledby=modalTarget1Title aria-modal=true id=modalMessage style=padding-right:17px;display:none tabindex=-1><div class=modal-dialog role=document><div class=modal-content><div class=modal-content_header><button aria-label=close class=close data-dismiss=modal id=close-btn-msg type=button>×</button><h2 class=modal-title id=modalTarget1Title>最新情報をお送りします</h2></div><div class=modal-content_body><p>貨物と物流のすべてについての知見を、Eメールでお届けします。</p><a class="ups-cta ups-cta-primary"href="https://gffsolutions.ups.com/Email-Subscription-3.0.html?WT.mc_id=EML_MKTO_GFF_SCS_Site_Subscription_Module106517"target=_blank>登録<span aria-hidden=true class="icon ups-icon-right-arrow"></span></a></div></div></div></div>
<script>

    window.addEventListener("scroll", scrollListener);

    function scrollListener() {

        var threshold = document.body.clientHeight * 0.2;

        if (window.pageYOffset >= threshold) {

            document.getElementById('modalMessage').style.display = 'block';

            document.getElementById("close-btn-msg").addEventListener("click", function () {

                document.getElementById('modalMessage').style.display = 'none';

            })

            window.removeEventListener('scroll', scrollListener);

        }

    }

</script>