create <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evolve Help Center</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: hidden;
background-color: #FFFFFF
;
}
/* Настройка для Firefox, Safari (стандартная) */
iframe {
scrollbar-width: thin; /* Узкий скроллбар */
scrollbar-color: #F1F1F1
#FAFAFA
; /* Светлый ползунок на очень светлом фоне */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
/* Настройка для Chrome, Edge (псевдоэлементы WebKit) */
iframe::-webkit-scrollbar {
width: 8px; /* Ширина в 2 раза узже стандартной */
}
iframe::-webkit-scrollbar-track {
background: #FAFAFA
; /* Светлый фон дорожки (track) */
}
iframe::-webkit-scrollbar-thumb {
background: #FCFCFC
; /* Светлый цвет ползунка (thumb) */
border-radius: 4px; /* Закругление */
border: 1px solid #FAFAFA
; /* Дополнительный отступ для светлого эффекта */
}
iframe::-webkit-scrollbar-thumb:hover {
background: #E0E0E0
; /* Чуть темнее при наведении для видимости */
}
</style>
</head>
<body>
<iframe
src="
https://intercom.help/evolve-cb6ad9255b2f/en/"
loading="lazy"
title="Evolve Help Center">
</iframe>
</body>
</html>your own block from scratch