js右边浮动窗口

<div id="floatingWindow" class="floating-window">
    <div class="window-content">
        <!-- 这里可以放置窗口内容 -->
        <p>这是一个浮动窗口</p>
    </div>
</div>

.floating-window {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 200px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.window-content {
    padding: 20px;
}

document.getElementById('floatingWindow').style.display = 'none'; // 隐藏窗口
document.getElementById('floatingWindow').style.display = 'block'; // 显示窗口

@media (max-width: 768px) {
    .floating-window {
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0;
    }
}