javascript - 页面重新加载时打开一个弹出窗口

Question

我是 HTML 和 jQuery 开发的新手。我正在开发一个元素，我想在其中创建一个弹出窗口，该弹出窗口在重新加载页面时默认打开。弹出窗口应位于右下角(与 Facebook 聊天相同)。

我找了很多，但找不到任何东西。我现在卡住了。

Answer 1

尝试用固定位置定位元素。固定位置意味着元素相对于视口(viewport)定位。

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

该元素将在页面加载时默认显示。您可以添加一个小按钮并使用 JavaScript 显示和隐藏使用 jQuery 的 .toggle(); 的弹出窗口:

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

来源:

MDN - CSS positioning

CSS Tricks - Absolute, Relative, Fixed Positioning: How Do They Differ?

jQuery API Documentation - .toggle()