个人中心
gpt4 book ai didi

html - iframe水平滚动始终隐藏

转载 作者：太空宇宙 更新时间：2023-11-04 02:28:16 25 4
gpt4 key购买 nike

我的 Iframe 的水平滚动总是隐藏的，但我想在我的网页上看到它的 scroll-x。我不明白为什么 scroll-x 永远不会出现？确实出现了 scroll-y，但没有出现水平滚动条。

有什么建议吗？ 

        <div class="row">
            <div class="col-sm-8 col-sm-push-4">
                <div class="embed-responsive embed-responsive-4by3">
                    <iframe class="embed-responsive-item"   src="http://fr.lichess.org/training/29058" style="overflow-x: scroll;"></iframe>
                </div>
            </div>
        </div>

最佳答案

相关样式/​​类溢出

在检查您的 <iframe> 目标的 CSS 之后, 它看起来像 <body>似乎通过 overflow-x 明确限制了这一点属性如下所示:

enter image description here

另外，embed-responsive以您的 <iframe> 为目标的类(class)也将限制它，因为它是 overflow 属性完全隐藏:

enter image description here

一个解决方案(如果你可以调整你的内页)

但是，如果您明确删除 overflow-x: scroll;您的属性(property)<iframe>它应该按预期工作并设置 overflow-x内页上的属性到auto :

/* Adjust this in your inner page (common.css, line 906) */
body {
    /* Other styles omitted for brevity */
    overflow-x: auto;
}

然后您应该会看到它按预期工作:

enter image description here

关于html - iframe水平滚动始终隐藏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36987510/

25 4 0
文章推荐： 子进程从其父进程继承句柄但无法写入其中
文章推荐： python - Beautiful Soup - 抓取维基页面
文章推荐： c - 运行时指针变化
文章推荐： python - 如何根据目标变量的预测用 Seaborn 绘制线性回归？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com