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'
 />

将鼠标悬停在iframe上时父页面不会滚动

1 个答案: