gpt4 book ai didi

javascript - 在 Firefox 和 Chrome 的左侧显示 iframe 滚动条

转载 作者:太空宇宙 更新时间:2023-11-04 10:15:35 24 4
gpt4 key购买 nike

我的代码如下:

<!DOCTYPE html>
<html>
<body>
<div id="parentDiv" style="border:1px solid blue;" dir="rtl">
<iframe src="http://www.w3schools.com" height="500" width="700">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
</body>
</html>

当我在 Firefox 或 Chrome 中运行此代码时,我无法在左侧看到 iframe 滚动条,因为它始终位于 iframe 的右侧。但是,在 IE 中它完美地工作。

我想知道是否有任何 CSS 或 JS 解决方案。

最佳答案

等等!左侧滚动的可滚动 iframe

这是一把 fiddle https://jsfiddle.net/RachGal/s3z17cLw/

$( ".main" ).wrap( "<div class='scroll'></div>" );
div.main {
height:150px!important;
float:left;
direction: ltr;

}
.scroll {
unicode-bidi:bidi-override;
direction: rtl;
overflow-y: scroll;
overflow-x:hidden;
}
.inside{
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="main" ><iframe class="inside" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3309.3312622412445!2d-83.37737678492407!3d33.958324180631536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f66cdecc8d0783%3A0x4f152e9d93fa5d6!2s170+College+Ave%2C+Athens%2C+GA+30601%2C+USA!5e0!3m2!1sen!2sie!4v1464026910465" height="300" frameborder="0" style="border:0">
</iframe>
</div>

关于javascript - 在 Firefox 和 Chrome 的左侧显示 iframe 滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37279834/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com