小编Eli*_*elf的帖子

滚动到页面顶部和底部后如何防止白色空间"反弹"

许多网站都有这样的事情,如果你一直向上滚动,你会得到这种"反弹"效果,好像你的页面从浏览器窗口的顶部反弹,在窗口顶部显示空白区域.

同样的情况下,如果向下滚动,您将获得相同的"反弹"效果.

如果页眉和页脚具有背景颜色,则此反弹看起来非常难看.

我如何摆脱这种影响?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

  <header></header>

  <div></div>

  <footer></footer>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS

header {
  width: 100%;
  background-color: tomato;
  height: 140px;
}

div {
  height: 1000px;
}

footer {
  width: 100%;
  background-color: brown;
  height: 140px;
}
Run Code Online (Sandbox Code Playgroud)

html css

12
推荐指数
2
解决办法
1万
查看次数

向引导行中的元素添加左右边距

我有点困惑为什么bootstrap不会将左右边距应用于列,我想要的只是一个简单的行,其中3列彼此之间的水平边距相差20px.如果尝试做那个bootstrap,只需将其中一个div剪辑到下一行.

HTML

<div class="container">

  <div class="row">

    <div class="col-md-4"><p>Box 1</p></div>
    <div class="col-md-4"><p>Box 1</p></div>
    <div class="col-md-4"><p>Box 1</p></div>

  </div>

</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.col-md-4 {
  background-color: tomato;
  margin: 20px 5px;
}
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

12
推荐指数
2
解决办法
3万
查看次数

TypeScript 映射对象键和值:元素隐式具有“任意”类型

我正在尝试迭代对象键和值,但 TypeScript 对我喊道:

元素隐式具有any类型,因为类型string不能用于索引类型{ name: string; surname: string; gender: string; }

我究竟做错了什么?

const DATA = {
  name: "John",
  surname: "Smith",
  gender: "Male"
}

const result = Object.keys(DATA).map((d: string) => `${d} - ${DATA[d]}`)
Run Code Online (Sandbox Code Playgroud)

这是错误的屏幕截图:

打字稿错误的屏幕截图

javascript indexing typescript

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

Firebase Firestore 模拟器 UI 未显示任何数据,但应用查询中正在返回数据

我在使用 firebase 的 firestore 模拟器时遇到了一个奇怪的问题。当我启动模拟器并检查模拟器的 firestore UI 时,它显示数据库中尚不存在数据。

然后,我尝试在 firestore 模拟器中查询我的反应本机应用程序中的数据,令人惊讶的是,上一个会话的旧数据又回来了。我正在返回在上一个会话中添加的数据,但它在模拟器 UI 上不可见。

我的印象是,关闭模拟器会删除该会话期间添加的所有数据,因此,下次启动模拟器时,为什么我会看到上一个会话中的数据?就好像它被以某种方式缓存在某个地方......?

我在堆栈溢出上看到了多篇关于--project提供给firebase emulators:start终端命令的参数的帖子。这似乎对我的情况没有任何影响。

我将不胜感激任何有关解决的建议。

firebase firebase-tools react-native google-cloud-firestore

7
推荐指数
2
解决办法
2031
查看次数