相关疑难解决方法(0)

使用JavaScript获取滚动条宽度

以下HTML将在div.container的右侧内侧边缘显示滚动条.

是否可以确定滚动条的宽度?

<div class="container" style="overflow-y:auto; height:40px;">
  <div class="somethingBig"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript

105
推荐指数
5
解决办法
10万
查看次数

获得元素的内在高度

如何获得元素的内部高度,没有填充和边框?

没有jQuery,只有纯JS,还有跨浏览器解决方案(包括IE7)

在此输入图像描述

javascript dom

26
推荐指数
2
解决办法
4万
查看次数

一种计数响应网格中的列的方法

尽管我还没有找到答案,但问题很简单:除了蛮力之外,还有什么方法 可以计算响应网格中的列数?

#grid-container {
  width: 100%;
  height: 85%;
  position: relative;
  padding: var(--gap); /* adjusted with JS to make var(--gap) responsive */
  display: grid;
  grid-gap: var(--gap); /* adjusted with JS to make var(--gap) responsive */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  box-sizing: border-box;
  background: skyblue;
}

.grid-item {
  width: 100%;
  min-width: 120px;
  max-width: 450px;
  height: ; /* adjusted with JS on resize events to roughly maintain proportions */
  min-height: 192px;
  border-radius: 10px;
  background: #333;
}
Run Code Online (Sandbox Code Playgroud)

我问的原因是因为我给网格项目a max-width导致了最后一个断点处的巨大间隙,我希望能够检测到该间隙,而不是设置显式的媒体查询。

在此处输入图片说明

javascript css css3 grid-layout css-grid

6
推荐指数
2
解决办法
191
查看次数

标签 统计

javascript ×3

css ×1

css-grid ×1

css3 ×1

dom ×1

grid-layout ×1