我正在尝试制作一个响应式应用程序;在更大的屏幕,还有的div的列表,您可以滚动 起来
,看看以前的申报单(“传统”的行为)。在较小的屏幕上,它显示相同的列表,但顺序相反,因此 向下 滚动将显示div。
我认为flexbox将是一个很棒的解决方案,它是在Chrome上。
这是HTML:
<div id="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>
而且,CSS:
#list {
display: flex;
flex-direction: column-reverse;
height: 250px;
overflow-y: scroll;
border: 1px solid black;
}
.item {
flex: 1;
padding: 2em;
border: 1px dashed green;
}
在Chrome中,list
div会正确显示滚动条。但是,在Firefox和IE / Edge中,滚动条可见但被禁用。
有任何想法吗?我可能缺少供应商前缀吗?
解决方法是,您可以在两个不同的容器之间分配容器的样式:
如果您希望默认情况下将其滚动到底部,则可以使用JS:滚动到div的底部?
function scrollToBottom(el) { el.scrollTop = el.scrollHeight; }
scrollToBottom(document.getElementById('list'));
#list {
height: 250px;
overflow-y: scroll;
border: 1px solid black;
}
#inner-list {
display: flex;
flex-direction: column-reverse;
}
.item {
flex: 1;
padding: 2em;
border: 1px dashed green;
}
<div id="list">
<div id="inner-list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>
</div>
问题内容: 其实这句话是什么意思? 一些示例用于分隔IE的版本,而某些示例则用于; 哪个是对的? 该命令具有一定的重要性,我希望知道这一点。 编辑 :我正在使用 问题答案: 如果您支持IE(对于Internet Explorer 8及更高版本),请执行以下操作: 强制浏览器呈现为该特定版本的标准。IE7及更低版本不支持此功能。 如果用分号分隔,它将设置不同版本的兼容性级别。例如: 将IE7和IE8
我有一个svg,它有两条路径,一条对角线和一个小圆。它们的笔画颜色引用了defs中的linearGradient。在Chrome,Firefox和Safari上,小圆圈呈现。但是在Edge和IE 11上,小圆圈并没有将url路径连接到线性渐变的id上,如果我将它的stroke属性更改为颜色,那么它就会呈现,但是我想使用url值。 这里也有代码接口链接
使用TruClient协议有以下问题。任何帮助都将不胜感激。 为了编辑Ajax TruClient IE脚本,您必须在计算机上安装Internet Explorer9、10或11。VUGen无法启动TruClient浏览器以使您能够开发脚本。 问题2: 当我使用“Truclient Ajax Firefox”录制脚本时,我可以录制一个流,但下载记录的组件之一甚至不会出现在屏幕上。所以无法记录下来。
问题内容: 我在CSS中使用了特定页面上的图像,因为它们需要粘贴在相同的上。它适用于大多数浏览器。 但是,当在IE或Edge中缩放浏览器时,图像的大小将调整为(而非),而不是缩放。图像变形。 我可以使用什么CSS规则来解决此问题? 问题答案: 这是解决此问题的唯一CSS解决方案。 使用以下CSS。 OP中的HTML: 试试这个,它应该工作。还从
我有一个用Wamp开发的php MVC网站作为测试服务器,它在Chrome、Opera、Safari和FF中运行得非常好。然而,每当我试图在IE或Edge中打开它时,html就会作为一个文件下载,并带有一个随机名称,没有扩展名。 我试着把它上传到我的共享主机上,仍然会遇到同样的问题,改变电脑来访问页面也没有什么区别。 我有一种感觉,我需要为IE和Edge声明一些东西,但不知道如何处理这个问题...
问题内容: 我正在尝试创建一个(使用),但仅在IE中受支持。 有什么方法可以使其在Chrome或FF中运行?我需要读取特定给定文件夹中的所有文件,并将其列出。 好吧,还有另一种方法吗? 问题答案: ActiveX仅受IE支持-其他浏览器使用称为NPAPI的插件体系结构。但是,有一个跨浏览器插件框架称为Firebreath,您可能会发现它有用。