我是HTML和jQuery开发的新手。我正在开发一个项目,我想在其中创建一个弹出窗口,默认情况下,每当重新加载页面时都会打开它。弹出窗口应位于右下方(与Facebook聊天相同)。
我经常搜索,但找不到任何东西。我现在被困住了。
答案 0 :(得分:0)
尝试定位具有固定位置的元素。固定位置表示元素相对于视口定位。
.popup{
position: fixed;
bottom: 0;
right: 0;
}
加载页面时,默认显示该元素。您可以添加一个小按钮并使用JavaScript显示和隐藏弹出窗口,使用jQuery的.toggle();
:
$('.button').on('click', function(){
$('.popup').toggle();
});
<强>来源:强>
CSS Tricks - Absolute, Relative, Fixed Positioning: How Do They Differ?