国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我想要做的是，當(dāng)模態(tài)框打開時，禁用整個頁面的JavaScript滾動。問題是，當(dāng)我打開模態(tài)框并嘗試滾動時，它確實移動了模態(tài)框后面的內(nèi)容，即實際的網(wǎng)頁，我想禁用它。當(dāng)模態(tài)框打開時，背景應(yīng)該被凍結(jié)。</p> <pre class="brush:php;toolbar:false;"><div id="fullpage"> <div class="section"> <?php include './home-page/home-page-manufacturing-list.php';?> <button id="turnOff" onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black">打開模態(tài)框</button> </div> </div> <div id="id01" class="w3-modal"> <div class="w3-modal-content"> <div class="w3-container"> <span onclick="closeModal('modal01')" class="w3-button w3-display-topright">&times;</span> <div class="container background-filter"> <div class="row"> <div class="col-12"> <h3 class="section-title"></h3> </div> <div class="col-12"> <h5>在我們的公司，我們對木工有著激情，這在我們所有的制造和室內(nèi)設(shè)計項目中都能體現(xiàn)出來。我們擅長制作定制木制家具、裝置和裝飾品，它們不僅功能強大，而且美觀</h5> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { var isModalOpen = false; // 當(dāng)模態(tài)框打開時禁用FullPage.js滾動 function disableFullPageScroll() { $.fn.fullpage.setAllowScrolling(false); $.fn.fullpage.setKeyboardScrolling(false); } // 當(dāng)模態(tài)框關(guān)閉時啟用FullPage.js滾動 function enableFullPageScroll() { $.fn.fullpage.setAllowScrolling(true); $.fn.fullpage.setKeyboardScrolling(true); } // 打開模態(tài)框 function openModal(modalId) { document.getElementById(modalId).style.display = 'block'; isModalOpen = true; disableFullPageScroll(); } // 關(guān)閉模態(tài)框 function closeModal(modalId) { document.getElementById(modalId).style.display = 'none'; isModalOpen = false; enableFullPageScroll(); } // 處理按鈕點擊事件以打開和關(guān)閉模態(tài)框 $('#openModalButton').on('click', function() { openModal('id01'); // 將 'id01' 替換為您的模態(tài)框的ID }); $('#closeModalButton').on('click', function() { closeModal('id01'); // 將 'id01' 替換為您的模態(tài)框的ID }); // 處理滾動事件 $(window).on('scroll', function(event) { if (isModalOpen) { event.preventDefault(); event.stopPropagation(); } }); }); </script></pre>

<button id="openModalButton" class="w3-button w3-black">打開模態(tài)框</button>

<span id="closeModalButton" class="w3-button w3-display-topright">&times;</span>

window.closeModal = closeModal;

function disableFullPageScroll() {
    $.fn.fullpage.setAllowScrolling(false);
    $.fn.fullpage.setKeyboardScrolling(false);
    document.body.style.overflow = 'hidden';
}

function enableFullPageScroll() {
    $.fn.fullpage.setAllowScrolling(true);
    $.fn.fullpage.setKeyboardScrolling(true);
    document.body.style.overflow = 'auto';
}