使用 CSS 和 Javascript 如何启用滚动条,即使使用了 pointer-events:none; css 属性

问题描述

我正在尝试禁用右键单击内容。为此,我使用了 "pointer-events: none;" CSS 属性。但是使用该 CSS 属性,我无法滚动查看完整内容。 如果我使用 "pointer-events: none;" 属性如何启用滚动条或禁用右键单击而不是使用 "pointer-events: none;" CSS 属性,我们还有其他选择吗。

请在下面找到我的示例代码。请感谢任何帮助。

Sample Application - 使用此链接您可以检查代码

<!DOCTYPE html>
<html>
<body>

<iframe src="https://africau.edu/images/default/sample.pdf#toolbar=0" 
  style="pointer-events:none;" 
  title="Iframe Example"></iframe>

<script>

</script> 
</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)