页面重新加载时打开弹出窗口

时间:2014-08-14 15:20:58

标签: javascript jquery html css

我是HTML和jQuery开发的新手。我正在开发一个项目,我想在其中创建一个弹出窗口,默认情况下,每当重新加载页面时都会打开它。弹出窗口应位于右下方(与Facebook聊天相同)。

我经常搜索,但找不到任何东西。我现在被困住了。

1 个答案:

答案 0 :(得分:0)

尝试定位具有固定位置的元素。固定位置表示元素相对于视口定位。

.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()