頁面重新加載時打開一個彈出窗口

Question

我是HTML和jQuery開發的新手。 我正在一個項目中，我想在其中創建一個彈出窗口，默認情況下，每當重新加載頁面時該彈出窗口都是打開的。 彈出窗口應位於右下角（與Facebook聊天相同）。

我已經搜索了很多，但是找不到任何東西。 我現在被困住了。

Answer 1

嘗試將元素定位在固定位置。 固定位置是指元素相對於視口的位置。

.popup{
    position: fixed;
    bottom: 0;
    right: 0;
}

加載頁面時，默認情況下將顯示該元素。 您可以添加一個小按鈕，並使用JavaScript通過jQuery的.toggle();來顯示和隱藏彈出窗口.toggle(); ：

$('.button').on('click', function(){
    $('.popup').toggle();
});

資料來源：

MDN-CSS定位