<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="floatingFilter">
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
<div class="popup-1">
<button class="popupActivator">Trigger Popup;</button>
<div class="popupContainer"><span>This is my popup!</span></div>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
.floatingFilter {
width: 200px;
height:100%;
overflow-y: scroll;
overflow-x: visible;
position: fixed;
top: 0;
right: 0;
background: #ccc;
}
.popup-1 {
margin: 5px;
background: #fff;
text-align: center;
padding: 10px;
}
.popupContainer {
height: 100px;
background: #999;
color: #fff;
padding: 20px;
text-align: center;
position: fixed;
right: 190px;
top: 100px;
width: 100px;
}