如何在不滚动iframe的情况下显示网页的“头部”？

Question

很多时候我只对第一部分感兴趣 并且想要制作一个“拼贴画”，比如在附近的车站到达公共汽车并且更适合在小屏幕上。 我发现我可以使用“iframe”，但将光标放在框架中当然会滚动框架 而不是在网页上滚动我。只是为了变化我也包括一个图像。

有没有更好的方法来发布网页的“头”？ （我可能对CSS和Bootstrap等知之甚少。）

此处运行代码段仅显示流量凸轮，但将其粘贴到例如http://htmledit.squarefree.com/或本地html文件中运行正常。 https://codepen.io/pen/显示pugetsound“拒绝连接”。

<div class="thumbnail-container">

   <iframe height="260px" width="322px" src="http://pugetsound.onebusaway.org/where/iphone/stop.action?id=1_14961" frameborder="0"></iframe>

   <iframe height="260px" width="322px" src="http://pugetsound.onebusaway.org/where/iphone/stop.action?id=1_15540" frameborder="0"></iframe>

   <img src="http://www.seattle.gov/trafficcams/images/WSB_Midspan_EW.jpg" width="400" />   <!-- or a placekitten.com ;-)  -->

   <iframe height="260px" width="322px" src="http://pugetsound.onebusaway.org/where/iphone/stop.action?id=1_19930" frameborder="0"></iframe>

</div>

只是为了表明我经常遇到其他示例应用程序 将是未来2天的天气，或最近几天的温度。 上面的答案可以解决许多问题。

身高= 380px http://forecast.weather.gov/MapClick.php?lat=47.578&lon=-122.403&FcstType=text&TextType=2

身高120px https://atmos.washington.edu/~neal/uwp/index72.cgi

Answer 1

如果问题是您不想滚动iFrame，可以尝试：

<iframe src="" scrolling="no"></iframe>

iframe { overflow:hidden; }