JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">Если курсор тут, то при прокрутке колеса должен скроллится iframe</div>
<iframe src="https://yandex.ru"></iframe>

CSS

body {

  height: 100vh;
  width: 100%;

}
#container {
    position: fixed;
    background: #ffd;
    height: 100px;
    width: 200px;
    left: 30%;
    top: 30%;
    
    
}

iframe {
   width:90%;
   height:90%;
}