首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >重新加载页面时打开弹出窗口

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

Stack Overflow用户
提问于 2014-08-14 23:20:58
回答 1查看 120关注 0票数 0

我是一个新的超文本标记语言和jQuery开发。我正在处理一个项目,在这个项目中,我想创建一个弹出窗口,该弹出窗口在页面重新加载时默认处于打开状态。弹出窗口应该位于右下角(与Facebook聊天相同)。

我找了很多,但什么也找不到。我现在被卡住了。

EN

回答 1

Stack Overflow用户

发布于 2014-08-14 23:23:18

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

代码语言:javascript
运行
复制
.popup{
    position: fixed;
    bottom: 0;
    right: 0;
}

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

代码语言:javascript
运行
复制
$('.button').on('click', function(){
    $('.popup').toggle();
});

来源:

MDN - CSS positioning

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

jQuery API Documentation - .toggle()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25311747

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档