如何在所有网页上显示Div或Iframe？

Question

我在我的网站上有5个网页，我想在右下角的所有网页上显示一个div或iframe ...喜欢聊天窗口。

因此，我应该在哪里添加div/iframe，以便它可以作为顶部窗口访问所有页面。

示例 - https://www.livechatinc.com/

我能为一个网页做到这一点，但是当我浏览到另一个页面，然后格藏匿。

请建议可能的解决方案。

Answer 1

我能够为一个网页做到这一点，但当我导航到另一个页面，然后div是隐藏的。

电话，显示在每一页的第一页聊天栏的功能刷新

Answer 2

嗨，你可以使用下面的HTML -

<div class="chat-box"><a href="#" class="chat-bubble"></a></div> 

<style> 
.chat-box { 
    white-space: pre; 
    position: fixed; 
    z-index: 100; 
    bottom: 20px; 
    right: 20px; 
    width: 50px; 
    height: 50px; 
    -webkit-transform: translateZ(0); 
} 
.chat-bubble { 
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); 
    background-size: 22px 22px; 
    box-sizing: content-box; 
    background-repeat: no-repeat; 
    border-radius: 50%; 
    border: 0; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    width: 48px; 
    height: 48px; 
    cursor: pointer; 
    outline: none; 
    background-position: center; 
    background-color: #0071b2; 
    -webkit-user-drag: none; 
    -webkit-transform: scale(1) rotate(360deg); 
    transform: scale(1) rotate(360deg); 
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.4, 0, 1, 1); 
    transition: transform 150ms cubic-bezier(.4, 0, 1, 1); 
} 

</style> 

上面的例子是聊天泡泡，你可以根据您的要求修改样式。

您还可以在聊天气泡中添加聊天图标，就像我们在Applozic chat plugin中所做的那样。