javascript - 无法让横幅向下滚动
问题描述
当用户向下滚动时,我的横幅不会向下移动,并且我的图像左上角的按钮不会删除我的图像。
当用户向下滚动时,我的横幅会向下移动,但左上角没有按钮。
document.getElementById("click").addEventListener("click", closeImage, false);
function closeImage() {
var d = document.getElementById("wall");
var d_nest = document.getElementById("image");
var taway = d.removeChild(d_nest);
}
.container {
position: relative;
width: 50%;
}
.container img {
width: 100%;
height: auto;
}
.container .btn {
position: absolute;
top: 5%;
left: 85%;
.sticky {
position: fixed;
position: sticky;
top: 0;
width: 100%;
}
<div class="container">
<img src="neptune.jpg" alt="Snow">
<button class="btn" id="click">Button</button>
<p>Some text</p>
</div>
陷入困境,主要目标是弄清楚我的横幅如何使用图像中的按钮向下滚动,并弄清楚单击按钮后如何退出横幅。
解决方案
你不能命名一个变量 throw,你会得到异常“Uncaught SyntaxError: Unexpected token throw”。Throw 是用于抛出异常的保留关键字。
var throw = '';
推荐阅读
- java - 从容器访问 docker API
- python - 在 Python 3.7 中 Counter / defaultdict 如何排序?
- xml - 带有 if 语句的 Xsl + 向变量添加内容
- c - 决定 setgroups() 和 initgroups() 必须由超级用户调用的机制是什么?
- jq - jq:传递变量参数以用作过滤器
- php - 在 Woocommerce 中将未购买的商品分页为自定义我的帐户页面内容
- php - 从模仿者中抽象或隐藏 API 调用
- scala - Akka 文件上传 - 在收到请求结束之前发送 2xx 的“早期”响应
- reactjs - IE11 空响应
- python - 从 Python 中访问 mysql-py shell 命令