如何从谷歌网站的嵌入图像中删除滚动条，html

3mpgtkmj 于 2023-03-16 发布在其他

关注(0)|答案(2)|浏览(132)

我正在做一个牙科诊所的网站，我想做一个图像滑块比较。我做了juxtaposeJS.knightlab.com和嵌入代码在我的谷歌网站，但我不知道如何删除滚动条，尽管我已经调整了它的高度。此外，它在移动的预览卢什可怕。
the image is a screenshot of how it looks in preview mode
下面是代码：

<iframe frameborder="0" class="juxtapose" width="100%" height="332"
<iframe src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c9bdf8aa-b4bd-11ed-b5bd-6595d9b17862"></iframe>

我试着在谷歌上搜索我在这里和其他网站上找到的其他解决方案，但它要么滚动条仍然存在，要么编辑HTML代码后图像消失。

Html

来源：https://stackoverflow.com/questions/75563721/how-to-remove-the-scroll-bar-from-an-embed-image-in-google-site-html

2条答案

按热度按时间

jum4pzuy1#

原始问题中提供的代码不是合法的HTML，我怀疑这是最主要的问题。解决这个问题最简单的方法可能就是给予iframe一个足够包含内容的高度，如下所示：

<iframe src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c9bdf8aa-b4bd-11ed-b5bd-6595d9b17862" frameborder="0" height="183"></iframe>

默认情况下，iframe的高度为150px，由于嵌入的图像的硬编码高度为183px，因此会得到一个滚动条。
或者，您可以选择更动态的JS解决方案，如question中所示

赞(0）回复(0）举报 2023-03-16

hvvq6cgz2#

只需在第二个iframe中添加scrolling="no"：

<iframe frameborder="0" class="juxtapose" width="100%" height="332"> </iframe>
<iframe scrolling="no" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c9bdf8aa-b4bd-11ed-b5bd-6595d9b17862"></iframe>

赞(0）回复(0）举报 2023-03-16

我来回答

如何从谷歌网站的嵌入图像中删除滚动条，html

2条答案

相关问题

热门标签

最新问答