IFRAME禁用滚动选项卡上的

我有一个看起来像这样的iframe：IFRAME禁用滚动选项卡上的

<!DOCTYPE html> 
<html> 
<body> 

<iframe src="http://www.w3schools.com" style = 'height:100px;width:200px;' scrolling = 'no'> 
    <p>Your browser does not support iframes.</p> 
</iframe> 

</body> 
</html>

所以当我按在iframe标签，横向穿过的所有链接，automaticall滚动一路的底部位于iframe中的网站。我想要做的是制作iframe，使其只能在高度= 100px，宽度= 200px的矩形框内忽略，并忽略网站上的所有其他内容......基本上剪切了不适合此矩形的其他所有内容......

我试着设置高度和宽度，也溢出：隐藏，但这似乎并没有伎俩。

来源

2014-05-07 Ashesh

您的代码适用于Chrome和IE10。 –

不，但它会标记w3schools网站上的所有内容。我想要的是它只能通过200px X 100px窗口中显示的内容进行选择。 w3schools网站上任何不属于此窗口的链接都不应该集中在tab键上。 – Ashesh

请提供一个JSFiddle示例，这个http://jsfiddle.net/7ky5y/似乎工作 –

从能够点击任何地方在iframe中，但由于某种原因，这将阻止用户，您还可以点击内部和标签通过:-(fiddle

<div id="IframeWrapper" style="position: relative;"> 
    <div id="iframeBlocker" style="position: absolute; top: 0; left: 0; width: 400px; height: 200px"></div> 
    <iframe src="http://www.w3schools.com" style='height:200px;width:400px;' scrolling='no'> 
     <p>Your browser does not support iframes.</p> 
    </iframe> 
</div>

来源

2014-05-07 17:59:44

也尝试设置'tab-index：-1'到iframe和一个包装div无济于事 –

你不能做任何事情，而是可以在其凸轮隐藏在自己的iframe的HTML内容，您不希望显示

IFRAME负荷运行JS

您可以参考这些类似的问题，得到的想法：

还有的jQuery的论坛，在这里一个类似的讨论：https://forum.jquery.com/topic/changing-elements-in-an-iframe

来源

2014-05-07 18:00:18

IFRAME禁用滚动选项卡上的

回答

相关问题