Родительская страница не прокручивается при наведении курсора мыши на iframe

Question

У меня есть страница реакции, где я включаю компонент iframe. Когда моя мышь находится над компонентом iframe (для содержимого iframe), родительская страница не прокручивается. Как я могу сделать прокрутку родительской страницы, даже если мышь находится на содержании iframe.

<iframe
    style={{width: '100%', overflow: 'visible', display: this.state.loader ? 'none' : 'block'}}
    ref='iframe'
    id={this.props.iframe.id}
    src={this.props.iframe.url}
    onLoad={() => this.iframeOnload()}
    width='100%'
    height='100%'
    scrolling='yes'
    frameBorder='0'
 /> 

Answer 1

Ну, вы установили атрибут scrolling="yes", поэтому он может прокручиваться.

попробуйте установить scrolling="no"

<iframe
        style={{width: '100%', overflow: 'visible', display: this.state.loader ? 'none' : 'block'}}
        ref='iframe'
        id={this.props.iframe.id}
        src={this.props.iframe.url}
        onLoad={() => this.iframeOnload()}
        width='100%'
        height='100%'
        scrolling='no'
        frameBorder='0'
 />