许多网站都有这样的事情,如果你一直向上滚动,你会得到这种"反弹"效果,好像你的页面从浏览器窗口的顶部反弹,在窗口顶部显示空白区域.
同样的情况下,如果向下滚动,您将获得相同的"反弹"效果.
如果页眉和页脚具有背景颜色,则此反弹看起来非常难看.
我如何摆脱这种影响?
<!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) 我有点困惑为什么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) 我正在尝试迭代对象键和值,但 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)
这是错误的屏幕截图:
我在使用 firebase 的 firestore 模拟器时遇到了一个奇怪的问题。当我启动模拟器并检查模拟器的 firestore UI 时,它显示数据库中尚不存在数据。
然后,我尝试在 firestore 模拟器中查询我的反应本机应用程序中的数据,令人惊讶的是,上一个会话的旧数据又回来了。我正在返回在上一个会话中添加的数据,但它在模拟器 UI 上不可见。
我的印象是,关闭模拟器会删除该会话期间添加的所有数据,因此,下次启动模拟器时,为什么我会看到上一个会话中的数据?就好像它被以某种方式缓存在某个地方......?
我在堆栈溢出上看到了多篇关于--project提供给firebase emulators:start终端命令的参数的帖子。这似乎对我的情况没有任何影响。
我将不胜感激任何有关解决的建议。