javascript - 鼠标悬停在 iframe 上时父页面不滚动

Question

我有一个 react 页面，其中包含一个 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'
 />