我使用的框架：MDB。我想創建一種放置在底部的 div，當用戶滾動時，它會繼續跟隨頁面，有點像粘性內容。在MDB網站上，有一個解決方案是模態底部，我可以通過JavaScript自動打開它，而無需用戶按下按鈕，問題是它完全掩蓋了<body>怎樣才能達到這樣的效果而又不讓頁面黑屏呢？代碼：<!-- Button trigger modal --><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#frameModalBottom"> Launch demo modal</button><!-- Frame Modal Bottom --><div class="modal fade bottom" id="frameModalBottom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <!-- Add class .modal-frame and then add class .modal-bottom (or other classes from list above) to set a position to the modal --> <div class="modal-dialog modal-frame modal-bottom" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="row d-flex justify-content-center align-items-center"> <p class="pt-3 pr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum quos.. </p> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div></div><!-- Frame Modal Bottom -->
如何創建“模態”底部橫幅
胡子哥哥
2023-10-14 16:06:51
